Помощь:Использование цветов

Справочная страница Викимедиа

Чтобы использовать цвет в шаблоне или таблице, можно использовать шестнадцатеричный триплет (например, бронзовый — #CD7F32) или названия цветов HTML (например, красный).

Редакторам рекомендуется использовать палитры Брюера для диаграмм, карт и других объектов с помощью этого инструмента .

Переопределение цвета шрифта

Чтобы придать слову цвет, используйте:<span style="color:hex triplet or colour name">text</span>

Обратите внимание, что в этом контексте нельзя использовать британское написание «color».

Примеры:

  • <span style="color:red">red writing</span>показывает как красный текст
  • <span style="color:#0f0">green writing</span>показывает как зеленое письмо
  • <span style="color:#0000FF">blue writing</span>показывает как синее письмо

Цвет шрифта шаблона

Также можно использовать Template:Font color или его перенаправление Template:Font colour .

{{Font colour|fontcolour|backgroundcolour|Your text here}}

РазметкаОтображается как
{{цвет шрифта|красный|Этот текст отличается}}

Этот текст отличается
только изменением цвета текста (Примечание: не оформляйте текст как ссылку)

{{цвет шрифта|красный|желтый|Этот текст отличается}}

Этот текст отличается
от измененного текста и цвета фона

{{цвет шрифта||желтый|Этот текст отличается}}

Этот текст отличается
только изменением цвета фона,
обратите внимание на два символа вертикальной черты.||

Руководство по генерации цвета

ОттенокНасыщенность 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#FFFFDF5#FFFBE6#F2ECCE#BFBAA3
Оттенок: 60#FFFFFF5#FFFFE6#F2F2CE#БФБФА3
Оттенок: 70#FDFFF5#FBFFE6#ECF2CE#БАБФА3
Оттенок: 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#ДАСЕФ2#ACA3BF
Оттенок: 270#FAF5FF#F2E6FF#E0CEF2#B1A3BF
Оттенок: 280#FCF5FF#F7E6FF#E6CEF2#B6A3BF
Оттенок: 290#FDF5FF#FBE6FF#ECCEF2#BAA3BF
Оттенок: 300#ФФФ5ФФ#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#ФФФФФ#F9F9F9#F2F2F2#БФБФБФ

Цветовые схемы Викимедиа

Википедия

Википедия использует эту цветовую схему на своей главной странице .

Примечание: цвет границы более светлых блоков также совпадает с цветом фона более темных (заголовочных) блоков.
Оттенок: 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 

Дополнительные 3-цветные палитры, использующие эту же схему генерации, находятся в верхней части страницы обсуждения . В скине Monobook цвет фона страниц Wikipedia — #F8FCFF. В скине Vector цвет фона на всех страницах — #FFFFFF.

Общины

Wikimedia Commons использует эту цветовую схему на commons:Main Page и commons:Help:Contents. В отличие от английской Wikipedia, Commons не использует дополнительный, более темный цвет для обрамления заголовка. Кроме того, наборы цветов не выводятся из оттенка, как в приведенной выше таблице.

цвет фона: #d0e5f5

цвет фона: #f1f5fc

цвет границы: #abd5f5
цвет фона: #faecc8

цвет фона: #faf6ed

цвет границы: #fad67d

Схемы для читателей с нарушением цветовосприятия

  • H:Дальтоник

Примерно 1 из 12 мужчин и 1 из 200 женщин североевропейского происхождения страдают красно-зеленой цветовой слепотой ; этот и другие типы встречаются у людей по всему миру. [1] В этой таблице показаны «безопасные» группы цветов, которые различает большинство людей с дальтонизмом, хотя цвет никогда не следует использовать в качестве единственного метода передачи информации.

См. также Commons:Commons:Создание доступных иллюстраций для палитр, удобных для людей с дальтонизмом.

Цвет 1Цвет 2Цвет 3Цвет 4Цвет 5Цвет 6
БелыйЖелтыйСинийКрасныйЧерныйСерый
Зеленый
ЛаймФиолетовыйКоричневыйГолубой
АпельсинРозовый
  • Выберите максимум один цвет из каждого столбца. Не используйте более одного цвета из одного столбца.
  • Используйте большие пространства цвета. Если вы раскрашиваете текст, используйте жирный и крупный шрифт.
  • Небольшие цветные участки, например, тонкие линии, четко обозначьте текстом или используйте бесцветные приемы, такие как стили шрифтов (жирный или курсив), стили линий (точки и тире) или штриховку (полоски, клетки или горошек ).
  • Используйте яркие средние цвета, как детские мелки. Не используйте светлые или темные варианты цветов.
  • Если вам нужно больше цветов... не повезло. Вместо этого используйте нецветовые приемы, такие как маркировка, стили шрифтов (жирный или курсив), стили линий (точки и тире) или штриховка (полоски, клетки или горошек).
  • Если вы сами страдаете дальтонизмом, проверьте измененное изображение с человеком, имеющим цветовосприятие, чтобы убедиться в том, что смысл не изменился.

Следующие утилиты могут быть полезны для определения того, различимо ли измененное изображение для пользователей с цветовой слепотой. Обычно они берут веб-страницу или файл изображения в качестве входных данных и выводят на выходе смоделированное изображение для пользователей с цветовой слепотой:

  • Дополнения Mozilla Firefox для людей с дальтонизмом
  • Sim Daltonism имитирует зрение людей с дальтонизмом и отображает результаты в плавающей палитре для macOS и iOS. Бесплатное ПО.
  • Color Oracle — бесплатный загружаемый симулятор дальтонизма для Windows, Mac и Linux. Бесплатное ПО.

Цветовые рампы

Стандартную радугу не следует использовать для представления непрерывных данных, поскольку она создает искусственные пороги; люди не видят спектр как плавную рампу. Предпочтительны оттенки серого, перцептивно-ровные цветовые рампы или цветовая карта, выбранная для намеренного выделения определенных особенностей. Расходящиеся цветовые рампы (два крайних цвета вокруг нейтрального значения белого или черного) имеют тенденцию скрывать некоторые высокочастотные особенности.

Цвета имеют культурные коннотации; выбирайте те, которые соответствуют вашим данным. То есть, расходящаяся цветовая шкала с крайностями « горячий , холодный » будет легче понять, чем обратная ( горячий , холодный ).

  • МакНил, Дуг (23 июня 2015 г.). «Выбор цветовой шкалы для научной графики». Better Figures .
  • «Элегантные фигуры — тонкости цвета (часть 1 из 6)». earthobservatory.nasa.gov . 1 февраля 2020 г.
  • Ружье, Николас П.; Дроеттбум, Майкл; Борн, Филип Э. (11 сентября 2014 г.). «Десять простых правил для лучших рисунков». PLOS Computational Biology . 10 (9): e1003833. Bibcode : 2014PLSCB..10E3833R. doi : 10.1371/journal.pcbi.1003833 . PMC  4161295. PMID  25210732 .

Смотрите также

Шаблоны

Статьи энциклопедии

Списки цветов

Руководство по цветам

Ссылки

  1. ^ "Дефицит цветового зрения". MedlinePlus . Национальная медицинская библиотека США. 1 января 2015 г. Получено 29 января 2021 г.
Взято с "https://en.wikipedia.org/w/index.php?title=Help:Использование_цветов&oldid=1262033351"