Чтобы использовать цвет в шаблоне или таблице, вы можете использовать шестнадцатеричный триплет ( например, бронза # CD7F32) или названия цветов HTML ( например, красный).
Замена цвета шрифта
Чтобы слово было цветным, используйте: text
Обратите внимание, что в этом контексте нельзя использовать британское написание «цвет».
Примеры:
red writing
отображается красным шрифтомgreen writing
отображается зеленым шрифтомblue writing
отображается синим шрифтом
Цвет шрифта шаблона
Шаблон: цвет шрифта или его перенаправление. Шаблон: цвет шрифта , также можно использовать.
{{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 года .