Эта страница справки представляет собой практическое руководство . Он объясняет концепции или процессы, используемые сообществом Википедии. Он не является политикой или руководством Википедии и может отражать различные уровни консенсуса . |
Ссылки должны быть четко идентифицированы как ссылки для читателей . Воздержитесь от реализации цветных ссылок, которые могут помешать пользователю отличить ссылки от обычного текста, или цветных ссылок по чисто эстетическим причинам. См. руководства по редактированию статей для доступности в контрасте , доступности и цветах навигационной панели . |
Чтобы использовать цвет в шаблоне или таблице, можно использовать шестнадцатеричный триплет (например, бронзовый — #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 | цвет фона: #faecc8 цвет фона: #faf6ed |
Примерно 1 из 12 мужчин и 1 из 200 женщин североевропейского происхождения страдают красно-зеленой цветовой слепотой ; этот и другие типы встречаются у людей по всему миру. [1] В этой таблице показаны «безопасные» группы цветов, которые различает большинство людей с дальтонизмом, хотя цвет никогда не следует использовать в качестве единственного метода передачи информации.
См. также Commons:Commons:Создание доступных иллюстраций для палитр, удобных для людей с дальтонизмом.
Цвет 1 | Цвет 2 | Цвет 3 | Цвет 4 | Цвет 5 | Цвет 6 |
---|---|---|---|---|---|
Белый | Желтый | Синий | Красный | Черный | Серый |
Зеленый | |||||
Лайм | Фиолетовый | Коричневый | Голубой | ||
Апельсин | Розовый |
Следующие утилиты могут быть полезны для определения того, различимо ли измененное изображение для пользователей с цветовой слепотой. Обычно они берут веб-страницу или файл изображения в качестве входных данных и выводят на выходе смоделированное изображение для пользователей с цветовой слепотой:
Стандартную радугу не следует использовать для представления непрерывных данных, поскольку она создает искусственные пороги; люди не видят спектр как плавную рампу. Предпочтительны оттенки серого, перцептивно-ровные цветовые рампы или цветовая карта, выбранная для намеренного выделения определенных особенностей. Расходящиеся цветовые рампы (два крайних цвета вокруг нейтрального значения белого или черного) имеют тенденцию скрывать некоторые высокочастотные особенности.
Цвета имеют культурные коннотации; выбирайте те, которые соответствуют вашим данным. То есть, расходящаяся цветовая шкала с крайностями « горячий , холодный » будет легче понять, чем обратная ( горячий , холодный ).