(Перенаправлено из справки: Использование цветов )
Перейти к навигации Перейти к поиску | Эта страница справки представляет собой практическое руководство . В нем подробно описаны процессы или процедуры некоторых аспектов норм и практики Википедии. Это не одна из политик или рекомендаций Википедии , и может отражать различные уровни консенсуса и проверки . |
 | Ссылки должны быть четко идентифицированы как ссылки на читателей . Воздержитесь от использования цветных ссылок, которые могут помешать пользователю отличать ссылки от обычного текста, или цветных ссылок по чисто эстетическим причинам. См. Руководства по редактированию статей, чтобы узнать о контрастности , доступности и цветах навигационного окна . |
Чтобы использовать цвет в шаблоне или таблице, вы можете использовать шестнадцатеричный триплет ( например, бронза # CD7F32) или названия цветов HTML ( например, красный).
Замена цвета шрифта[ редактировать ]
Чтобы слово было цветным, используйте:<span style="color:hex triplet or colour name">text</span>
Обратите внимание, что в этом контексте нельзя использовать британское написание «цвет».
Примеры:
<span style="color:red">red writing</span>отображается красным шрифтом<span style="color:#0f0">green writing</span>отображается зеленым шрифтом<span style="color:#0000FF">blue writing</span>отображается синим шрифтом
Цвет шрифта шаблона [ редактировать ]
Шаблон: цвет шрифта или его перенаправление. Шаблон: цвет шрифта , также можно использовать.
{{Font colour|fontcolour|backgroundcolour|Your text here}}
| Пример | Результат |
|---|---|
{{font color|red|This text is different}} | Этот текст отличается только изменением цвета текста (Примечание: не стилизуйте текст как ссылку) |
{{font color|red|yellow|This text is different}} | Этот текст отличается для изменения цвета текста и фона |
{{font color||yellow|This text is different}} | Этот текст отличается, чтобы изменить цвет фона, обратите внимание только на два символа вертикальной черты || |
Руководство по созданию цвета [ править ]
- Метод, используемый для выбора цветов для различных страниц верхнего уровня, например, главной страницы , портала сообщества , содержания и справки: содержания .
3 цвета генерируются с использованием цветового пространства HSV , а затем переводятся в RGB .
| Оттенок | Насыщенность 4% Яркость 100% основной фон | Насыщенность 10% Яркость 100% 2-й заголовок, цвет акцента | Насыщенность 15% Яркость 95% Основная рамка фон заголовка | Насыщенность 15% Яркость 75% Только граница заголовка |
|---|---|---|---|---|
| Примечание: для макетов без интервала между границами используйте более темный цвет границы. | ||||
| Оттенок: 0 | # FFF5F5 | # FFE6E6 | # F2CECE | # BFA3A3 |
| Оттенок: 10 | # FFF7F5 | # FFEAE6 | # F2D4CE | # BFA7A3 |
| Оттенок: 20 | # FFF8F5 | # FFEEE6 | # F2DACE | # BFACA3 |
| Оттенок: 30 | # FFFAF5 | # FFF2E6 | # F2E0CE | # BFB1A3 |
| Оттенок: 40 | # FFFCF5 | # FFF7E6 | # F2E6CE | # BFB6A3 |
| Оттенок: 50 | # FFFDF5 | # FFFBE6 | # F2ECCE | # BFBAA3 |
| Оттенок: 60 | # FFFFF5 | # FFFFE6 | # F2F2CE | # BFBFA3 |
| Оттенок: 70 | # FDFFF5 | # FBFFE6 | # ECF2CE | # BABFA3 |
| Оттенок: 80 | # FCFFF5 | # F7FFE6 | # E6F2CE | # B6BFA3 |
| Оттенок: 90 | # FAFFF5 | # F2FFE6 | # E0F2CE | # B1BFA3 |
| Оттенок: 100 | # F8FFF5 | # EEFFE6 | # DAF2CE | # ACBFA3 |
| Оттенок: 110 | # F7FFF5 | # EAFFE6 | # D4F2CE | # A7BFA3 |
| Оттенок: 120 | # F5FFF5 | # E6FFE6 | # CEF2CE | # A3BFA3 |
| Оттенок: 130 | # F5FFF7 | # E6FFEA | # CEF2D4 | # A3BFA7 |
| Оттенок: 140 | # F5FFF8 | # E6FFEE | # CEF2DA | # A3BFAC |
| Оттенок: 150 | # F5FFFA | # E6FFF2 | # CEF2E0 | # A3BFB1 |
| Оттенок: 160 | # F5FFFC | # E6FFF7 | # CEF2E6 | # A3BFB6 |
| Оттенок: 170 | # F5FFFD | # E6FFFB | # CEF2EC | # A3BFBA |
| Оттенок: 180 | # F5FFFF | # E6FFFF | # CEF2F2 | # A3BFBF |
| Оттенок: 190 | # F5FDFF | # E6FBFF | # CEECF2 | # A3BABF |
| Оттенок: 200 | # F5FCFF | # E6F7FF | # CEE6F2 | # A3B6BF |
| Оттенок: 210 | # F5FAFF | # E6F2FF | # CEE0F2 | # A3B1BF |
| Оттенок: 220 | # F5F8FF | # E6EEFF | # CEDAF2 | # A3ACBF |
| Оттенок: 230 | # F5F7FF | # E6EAFF | # CED4F2 | # A3A7BF |
| Оттенок: 240 | # F5F5FF | # E6E6FF | # CECEF2 | # A3A3BF |
| Оттенок: 250 | # F7F5FF | # EAE6FF | # D4CEF2 | # A7A3BF |
| Оттенок: 260 | # F8F5FF | # EEE6FF | # DACEF2 | # ACA3BF |
| Оттенок: 270 | # FAF5FF | # F2E6FF | # E0CEF2 | # B1A3BF |
| Оттенок: 280 | # FCF5FF | # F7E6FF | # E6CEF2 | # B6A3BF |
| Оттенок: 290 | # FDF5FF | # FBE6FF | # ECCEF2 | # BAA3BF |
| Оттенок: 300 | # FFF5FF | # FFE6FF | # F2CEF2 | # BFA3BF |
| Оттенок: 310 | # FFF5FD | # FFE6FB | # F2CEEC | # BFA3BA |
| Оттенок: 320 | # FFF5FC | # FFE6F7 | # F2CEE6 | # BFA3B6 |
| Оттенок: 330 | # FFF5FA | # FFE6F2 | # F2CEE0 | # BFA3B1 |
| Оттенок: 340 | # FFF5F8 | # FFE6EE | # F2CEDA | # BFA3AC |
| Оттенок: 350 | # FFF5F7 | # FFE6EA | # F2CED4 | # BFA3A7 |
| В: 0 С: 0 | #FFFFFF | # F9F9F9 | # F2F2F2 | #BFBFBF |
Цветовые схемы Викимедиа[ редактировать ]
Википедия [ править ]
Википедия использует эту цветовую схему на своей главной странице .
- Примечание: цвет границы на более светлых прямоугольниках также совпадает с цветом фона более темных прямоугольников (заголовков).
| Оттенок: 150 | фон: #F5FFFAграница:#CEF2E0 | фон: #CEF2E0граница:#A3BFB1 | ||
| Оттенок: 210 | фон: #F5FAFFграница:#CEE0F2 | фон: #CEE0F2граница:#A3B1BF | ||
| Оттенок: 270 | фон: #FAF5FFграница:#E0CEF2 | фон: #E0CEF2граница:#B1A3BF | ||
| Оттенок: 330 | фон: #FFF5FAграница:#F2CEE0 | фон: #F2CEE0граница:#BFA3B1 |
И дополнительно на портале сообщества :
| Оттенок: 030 | фон: #FFFAF5граница:#F2E0CE | фон: #F2E0CEграница:#BFB1A3 |
Дополнительные трехцветные палитры, использующие ту же схему генерации, находятся в верхней части страницы обсуждения . В скине Monobook цвет фона страниц Википедии - # F8FCFF. В обложке Vector цвет фона на всех страницах - #FFFFFF.
Commons [ править ]
Wikimedia Commons использует эту цветовую схему в общих: Главная страница и в общих: Справка: Содержание . В отличие от английской Википедии, Commons не использует дополнительный, более темный цвет для окаймления заголовка. Кроме того, наборы цветов не являются производными от оттенка, как в приведенной выше таблице.
цвет фона: # d0e5f5 цвет фона: # f1f5fc | цвет фона: # faecc8 цвет фона: # faf6ed |
Схемы для дальтоников [ править ]
Приблизительно 1 из 12 мужчин и 1 из 200 женщин североевропейского происхождения страдает красно-зеленой дальтонизмом ; этот и другие типы влияют на людей во всем мире. [1] В этой таблице показаны «безопасные» группы цветов, которые различимы для большинства дальтоников, хотя цвет никогда не должен использоваться в качестве единственного метода передачи информации.
| белый | Желтый | Синий Фиолетовый | красный Зеленый коричневый Серый | Чернить |
- Выберите максимум один цвет из каждого поля. Не используйте более одного цвета из одной коробки.
- Используйте большие пространства цвета. Если вы раскрашиваете текст, используйте полужирный и крупный шрифт.
- Для небольших цветных пространств, таких как тонкие линии, четко обозначьте их текстом или используйте нецветные методы, такие как стили шрифта (полужирный или курсив), стили линий (точки и тире) или перекрестную штриховку (полосы, шашечки или полька). -точек ).
- Используйте яркие цвета среднего диапазона, например детские мелки. Не используйте светлые или темные варианты цветов.
- Если вам нужно больше цветов ... не повезло. Вместо этого используйте нецветные методы, такие как надписи, стили шрифтов (полужирный или курсив), стили линий (точки и тире) или перекрестную штриховку (полосы, шашечки или точки).
- Если вы сами дальтоник, проверьте исправленное изображение у человека с цветным зрением, чтобы убедиться, что значение не изменено.
Следующие утилиты могут быть полезны при определении того, различимо ли измененное изображение для дальтоников. Обычно они берут веб-страницу или файл изображения в качестве входных данных и визуализируют имитированное дальтонизмом изображение в качестве выходных данных:
- Дополнения для Mozilla Firefox для дальтонизма
- Sim Daltonism имитирует зрение дальтоника и отображает результаты в плавающей палитре для macOS и iOS. Бесплатное ПО.
- Color Oracle загружаемый, бесплатный симулятор дальтонизма для Windows, Mac и Linux. Бесплатное ПО.
Цветовые палитры [ править ]
Стандартную радугу не следует использовать для представления непрерывных данных, поскольку она создает искусственные пороги; люди не видят спектр как плавный пандус. Предпочтительны оттенки серого или равномерная по восприятию шкала цветов, или карта цветов, выбранная для намеренного выделения определенных функций. Расходящиеся цветовые гаммы (два крайних цвета вокруг нейтрального значения белого или черного), как правило, скрывают некоторые высокочастотные характеристики.
Цвета имеют культурный подтекст; выберите те, которые соответствуют вашим данным. То есть расходящуюся цветовую гамму с крайностями « горячая , холодная » будет легче понять, чем ее обратная ( горячая , холодная ).
- МакНил, Дуг (23 июня 2015 г.). «Выбор цветовой гаммы для научной графики» . Лучше цифры .
- «Элегантные фигуры - тонкости цвета (Часть 1 из 6)» . earthobservatory.nasa.gov . 1 февраля 2020.
- Rougier, Nicolas P .; Дротбум, Майкл; Борн, Филип Э. (11 сентября 2014 г.). «Десять простых правил для лучших фигур» . Вычислительная биология PLoS . 10 (9): e1003833. DOI : 10.1371 / journal.pcbi.1003833 .
См. Также [ править ]
Шаблоны
- Чтобы раскрасить текст и фон:
- Шаблон: Цвет шрифта
- Чтобы предоставить примеры цветных квадратов:
- Шаблон: образец цвета
- Шаблон: Swatch
- Шаблон: встроенный образец
- Шаблон с названиями цветов
| vтеВеб-цвета | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Связанные страницы справки
- Википедия: Руководство по стилю / доступности § Цвет
- Справка: Как уменьшить количество цветов при сохранении JPEG как PNG
- Справка: цвет ссылки
- Википедия: Цвета инфобокса - неактивны
- Википедия: WikiProject Usability / Color - неактивен
Скорее связанные страницы
- Википедия: Руководство по стилю / форматированию текста § Цвет
- Википедия: стандартизация шаблонов
- Википедия: WikiProject Color
Статьи энциклопедии
- Палитра цветов
- Списки цветов
- Веб-цвета
Ссылки [ править ]
- ^ «Дефицит цветового зрения» . MedlinePlus . Национальная медицинская библиотека США. 1 января 2015 . Проверено 29 января 2021 года .
