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

Эта страница справки представляет собой практическое руководство . Он объясняет концепции или процессы, используемые сообществом Википедии. Он не является политикой или руководством Википедии и может отражать различные уровни консенсуса .

Ярлыки ПОМОЩЬ:ЦВЕТ WP:ЦВЕТА Х:УК

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

Чтобы использовать цвет в шаблоне или таблице, можно использовать шестнадцатеричный триплет (например, бронзовый — #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}}

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

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

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

• Метод, используемый для выбора цветов для различных страниц верхнего уровня, например, Главная страница , Портал сообщества , Содержание и Справка: Содержание .
  3 цвета генерируются с использованием цветового пространства HSV , затем переводятся в RGB .

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

И дополнительно на портале сообщества :

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

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

Лучше всего выбирать фоновые цвета, которые обеспечивают достаточный контраст по отношению к тексту и синим ссылкам , которые также являются цветом ссылок, оба из которых очень распространены в большинстве статей. Используйте средство проверки контрастности ссылок WCAG, чтобы убедиться, что выбранный фоновый цвет обеспечивает рекомендуемый уровень контрастности WCAG AA по отношению к обычному тексту (#202122) и синим ссылкам (#3366CC для скина Vector 2022 по умолчанию). ^[1]

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

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

• Выберите максимум один цвет из каждого столбца. Не используйте более одного цвета из одного столбца.
• Используйте большие пространства цвета. Если вы раскрашиваете текст, используйте жирный и крупный шрифт.
• Небольшие цветные участки, например, тонкие линии, четко обозначьте текстом или используйте бесцветные приемы, такие как стили шрифтов (жирный или курсив), стили линий (точки и тире) или штриховку (полоски, клетки или горошек ).
• Используйте яркие средние цвета, как детские мелки. Не используйте светлые или темные варианты цветов.
• Если вам нужно больше цветов... не повезло. Вместо этого используйте нецветовые приемы, такие как маркировка, стили шрифтов (жирный или курсив), стили линий (точки и тире) или штриховка (полоски, клетки или горошек).
• Если вы сами страдаете дальтонизмом, проверьте измененное изображение с человеком, имеющим цветовосприятие, чтобы убедиться в том, что смысл не изменился.

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

• Дополнения 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 .

• Чтобы раскрасить текст и фон:
  • Шаблон:Цвет шрифта
• Приведем примеры цветных квадратов:
  • Шаблон:Образец цвета
  • Шаблон:Образец
  • Шаблон:Swatch inline

• Википедия:Руководство по стилю/доступности § Цвет
• Википедия:Руководство по стилю/Доступность/Цвета
• Помощь:Как уменьшить количество цветов для сохранения JPEG в PNG
• Помощь:Цвет ссылки
• Помощь:Отображение формулы#Цвет
• Wikipedia:Цвета инфобокса – неактивны
• Википедия: WikiProject Юзабилити/Цвет – неактивно

• Википедия:Руководство по стилю/Форматирование текста § Цвет
• Википедия:Стандартизация шаблонов
• Википедия:WikiProject Color

• Выбор цвета
• Веб-цвета

• Списки цветов
• Шаблон, в котором перечислены цвета
  • {{ Названия цветов }}
  • {{ Формула Поддерживаемые Именованные Цвета }}
  • {{ Цветовая таблица X11 }}
  • {{ Цвета веб }}