WikiDer > Справка: Использование цветов - Википедия
 | Эта справочная страница является практическое руководство. В нем подробно описаны процессы или процедуры некоторых аспектов норм и практики Википедии. Это не один из Политика или рекомендации Википедии, и может отражать разные уровни консенсус и проверка. |
 | Ссылки должны быть четко идентифицированы как ссылки на читателей.. Воздержитесь от использования цветных ссылок, которые могут помешать пользователю отличать ссылки от обычного текста, или от цветных ссылок по чисто эстетическим причинам. См. Руководства по редактированию статей для доступности по адресу контраст, доступность и цвета навигатора. |
Чтобы использовать цвет в шаблон или же стол вы можете использовать шестнадцатеричный триплет (например бронза # CD7F32) или Названия цветов HTML (например красный).
Замена цвета шрифта
Чтобы слово было цветным, используйте: текст
Обратите внимание, что в этом контексте нельзя использовать британское написание «цвет».
Примеры:
<span style="color:red">red writing</span>показывает как красное письмо<span style="color:#0f0">green writing</span>показывает как зеленое письмо<span style="color:#0000FF">blue writing</span>показывает как синее письмо
Цвет шрифта шаблона
Шаблон: Цвет шрифта, или его перенаправление Шаблон: Цвет шрифта, также можно использовать.
{{Цвет шрифта | fontcolour | backgroundcolour | Ваш текст здесь}}
| Пример | Результат |
|---|---|
{{цвет шрифта | красный | Это другой текст}} | Этот текст отличается для изменения только цвета текста (Примечание: не стилизуйте текст как ссылку) |
{{цвет шрифта | красный | желтый | Это другой текст}} | Этот текст отличается изменить цвет текста и фона |
{{цвет шрифта || желтый | Это другой текст}} | Этот текст отличается изменить только цвет фона Примечание две трубы-символы || |
Руководство по созданию цвета
- Метод, используемый для выбора цветов для различных страниц верхнего уровня, например Главная страница, Портал сообщества, Содержание, и Справка: содержание.
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: главная страница и Commons: Справка: Содержание. В отличие от английской Википедии, Commons не использует дополнительный, более темный цвет для окаймления заголовка. Кроме того, наборы цветов не являются производными от оттенка, как в приведенной выше таблице.
цвет фона: # d0e5f5 цвет фона: # f1f5fc | цвет фона: # faecc8 цвет фона: # faf6ed |
Схемы для дальтоников
Примерно один из десяти белый мужчины (и значительное число людей из других демографических групп) дефицит красно-зеленого цветового зрения; этот и другие типы дефицита цветового зрения встречаются примерно у одного из двухсот человек всех рас и полов.[1] Если вы должны использовать цвет для передачи значения или различения визуальных элементов (т.е. не только для украшения), то в этой таблице показаны «безопасные» группы цветов, которые различимы для большинства дальтоников.
| белый | Желтый | Синий Фиолетовый | красный Зеленый коричневый Серый | Чернить |
- Выберите максимум один цвет из каждого поля. Не используйте более одного цвета из одной коробки.
- Используйте большие пространства цвета. Если вы раскрашиваете текст, используйте полужирный и крупный шрифт.
- Для небольших цветных пространств, таких как тонкие линии, четко обозначьте их текстом или используйте нецветные методы, такие как стили шрифта (полужирный или курсив), стили линий (точки и тире) или штриховку (полосы, шашки или же в горошек).
- Используйте яркие цвета среднего диапазона, например детские мелки. Не используйте светлые или темные варианты цветов.
- Если вам нужно больше цветов ... не повезло. Вместо этого используйте нецветные методы, такие как надписи, стили шрифтов (полужирный или курсив), стили линий (точки и тире) или перекрестную штриховку (полосы, шашечки или точки в горошек).
- Если вы дальтоник, проверьте исправленное изображение у человека с цветным зрением, чтобы убедиться, что значение не изменено.
Следующие служебные программы могут быть полезны при определении того, различимо ли измененное изображение для дальтоников. Обычно они принимают веб-страницу или файл изображения в качестве входных данных и визуализируют имитированное дальтонизмом изображение в качестве выходных данных:
- Дополнения для Mozilla Firefox для дальтонизма
- Сим Дальтонизм имитирует дальтонизм и отображает результаты в плавающей палитре для macOS и iOS. Бесплатное ПО.
- Цветной Oracle загружаемый бесплатный симулятор дальтонизма для Windows, Mac и Linux. Бесплатное ПО.
Цветовые палитры
Стандартная радуга не должна использоваться для представления непрерывных данных, поскольку она создает искусственные пороги; люди не видят спектр как плавный пандус. Предпочтительны оттенки серого, или равномерная по восприятию шкала цвета, или карта цветов, выбранная для намеренного выделения определенных функций. Расходящиеся цветовые гаммы (два крайних цвета вокруг нейтрального значения белого или черного), как правило, скрывают некоторые высокочастотные характеристики.
Цвета имеют культурные коннотации; выберите те, которые соответствуют вашим данным. То есть расходящаяся цветовая гамма с крайностями "горячей, холодный"будет легче понять, чем обратное ("синий, красный"еще хуже).
- МакНил, Дуг (23 июня 2015 г.). «Выбор цветовой шкалы для научной графики». Лучшие цифры.
- «Элегантные фигуры - Тонкости цвета (Часть 1 из 6)». earthobservatory.nasa.gov. 1 февраля 2020.
- Rougier, Nicolas P .; Дротбум, Майкл; Борн, Филип Э. (11 сентября 2014 г.). «Десять простых правил для улучшения фигур». PLoS вычислительная биология. 10 (9): e1003833. Дои:10.1371 / journal.pcbi.1003833.
Смотрите также
Шаблоны
- Чтобы раскрасить текст и фон:
- Чтобы предоставить примеры цветных квадратов:
- Шаблон с названиями цветов
| |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Связанные страницы справки
- Википедия: Руководство по стилю / доступности § Цвет
- Справка: Как уменьшить количество цветов при сохранении JPEG как PNG
- Справка: цвет ссылки
- Википедия: Цвета инфобокса - неактивный
- Википедия: WikiProject Юзабилити / Цвет - неактивный
Скорее связанные страницы
- Википедия: Руководство по стилю / форматированию текста § Цвет
- Википедия: стандартизация шаблонов
- Википедия: Цвет WikiProject
Статьи энциклопедии
Рекомендации
- ^ Каллониатис, Майкл; Луу, Чарльз. «Цветовое восприятие». Получено 18 мая 2019.