Цвет | WebReference
В HTML цвет задаётся одним из двух путей: с помощью шестнадцатеричного кода и по названию некоторых цветов. Преимущественно используется способ, основанный на шестнадцатеричной системе исчисления, как наиболее универсальный.
Шестнадцатеричные цвета
Для задания цветов в HTML используются числа в шестнадцатеричном коде. Шестнадцатеричная система, в отличие от десятичной системы, базируется, как следует из её названия, на числе 16. Цифры будут следующие: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F. Числа от 10 до 15 заменены латинскими буквами. В табл. 1 приведено соответствие десятичных и шестнадцатеричных чисел.
| Десятичные | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 |
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Шестнадцатеричные | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | A | B | D | E | F |
Числа больше 15 в шестнадцатеричной системе образуются объединением двух чисел в одно (табл.
2). Например, числу 255 в десятичной системе соответствует число FF в шестнадцатеричной.
| Десятичные | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 |
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Шестнадцатеричные | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 1A | 1B | 1C |
Чтобы не возникало путаницы в определении системы счисления, перед шестнадцатеричным числом ставится символ решётки #, например #aa69cc.
Типичный цвет, используемый в HTML, выглядит следующим образом.
<body bgcolor="#fa8e47">
Здесь цвет фона веб-страницы задан как #fa8e47.
Символ решётки # перед числом означает, что оно шестнадцатеричное. Первые две цифры (fa) определяют красную составляющую цвета, цифры с третьей по четвертую (8e) — зелёную, а последние две цифры (47) — синюю. В итоге получится такой цвет.
| fa | + | 8e | + | 47 | = | fa8e47 |
Каждый из трёх цветов — красный, зелёный и синий — может принимать значения от 00 до FF, что в итоге образует 256 оттенков. Таким образом, общее количество цветов может быть 256х256х256 = 16.777.216 комбинаций. Цветовая модель, основанная на красной, зелёной и синей составляющей получила название RGB (red, green, blue; красный, зеленый, синий). Эта модель аддитивная (от англ. add — складывать), при которой сложение всех трёх компонент образует белый цвет.
Чтобы легче ориентироваться в шестнадцатеричных цветах, примите во внимание некоторые правила.
- Если значения компонент цвета одинаковы (например: #d6d6d6), то получится серый оттенок.
Чем больше число, тем светлее цвет, значения при этом меняются от #000000 (черный) до #ffffff (белый). - Ярко-красный цвет образуется, если красный компонент сделать максимальным (ff), а остальные компоненты обнулить. Цвет со значением #ff0000 самый красный из возможных красных оттенков. Аналогично обстоит с зелёным цветом (#00ff00) и синим (#0000ff).
- Жёлтый цвет (#ffff00) получается смешением красного с зеленым. Это хорошо видно на цветовом круге (рис. 1), где представлены основные цвета (красный, зелёный, синий) и комплиментарные или дополнительные. К ним относятся жёлтый, голубой и фиолетовый (ещё называемым пурпурным). Вообще, любой цвет можно получить смешением близлежащих к нему цветов. Так, голубой (#00ffff) получается за счет объединения синего и зелёного цвета.
Чем больше число, тем светлее цвет, значения при этом меняются от #000000 (черный) до #ffffff (белый).Рис. 1. Цветовой круг
Цвета по шестнадцатеричным значениям не обязательно подбирать эмпирическим путем. Для этой цели подойдёт графический редактор, умеющий работать с разными цветовыми моделями, например, Adobe Photoshop.
Рис. 2. Окно для выбора цвета в программе Photoshop
Веб-цвета
Если установить качество цветопередачи монитора в 8 бит (256 цветов), то один и тот же цвет может показываться в разных браузерах по-своему. Это связано со способом отображения графики, когда браузер работает со своей собственной палитрой и не может показать цвет, который у него в палитре отсутствует. В этом случае цвет заменяется сочетанием пикселей других, близких к нему, цветов, имитирующих заданный. Чтобы цвет оставался неизменным в разных браузерах, ввели палитру так называемых веб-цветов. Веб-цветами называются такие цвета, для каждой составляющей — красной, зелёной и синей, устанавливается одно из шести значений — 0 (00), 51 (33), 102 (66), 153 (99), 204 (CC), 255 (FF). В скобках указано шестнадцатеричное значение данной компоненты.
Общее количество цветов из всех возможных сочетаний даёт 6х6х6 — 216 цветов. Пример веб-цвета — #33ff66.
Основная особенность веб-цвета заключается в том, что он показывается одинаково во всех браузерах. В данный момент актуальность веб-цветов весьма мала из-за повышения качества мониторов и расширения их возможностей.
Цвета по названию
Чтобы не запоминать совокупность цифр, вместо них можно использовать имена широко используемых цветов. В табл. 3 приведены имена популярных названий цветов.
| Имя цвета | Цвет | Описание | Шестнадцатеричное значение |
|---|---|---|---|
| aqua | Голубой | #00ffff | |
| black | Черный | #000000 | |
| blue | Синий | #0000ff | |
| fuchsia | Фуксия | #ff00ff | |
| gray | Серый | #808080 | |
| green | Зеленый | #008000 | |
| lime | Светло-зеленый | #00ff00 | |
| maroon | Темно-красный | #800000 | |
| navy | Темно-синий | #000080 | |
| olive | Оливковый | #808000 | |
| purple | Фиолетовый | #800080 | |
| red | Красный | #ff0000 | |
| silver | Светло-серый | #c0c0c0 | |
| teal | Сине-зеленый | #008080 | |
| white | Белый | ||
| yellow | Желтый | #ffff00 |
Браузеры
| 1 | 12 | 1 | 2. 1 | 1 | 1 |
| 1 | 1 | 6 | 1 |
В таблице браузеров применяются следующие обозначения.
- — элемент полностью поддерживается браузером;
- — элемент браузером не воспринимается и игнорируется;
- — при работе возможно появление различных ошибок, либо элемент поддерживается с оговорками.
Число указывает версию браузреа, начиная с которой элемент поддерживается.
| Жёлтые тона | |||
| RAL 1000 Зелёно-бежевый |
RAL 1001 Бежевый |
RAL 1002 Песочно-жёлтый |
RAL 1003 Сигнальный жёлтый |
| RAL 1004 Жёлто-золотой | RAL 1005 Медово-жёлтый |
RAL 1006 Кукурузно-жёлтый |
RAL 1007 Нарциссово-жёлтый |
| RAL 1011 Коричнево-бежевый |
RAL 1012 Лимонно-жёлтый |
RAL 1013 Жемчужно-белый |
RAL 1014 Слоновая кость |
| RAL 1015 Светлая слоновая кость |
RAL 1016 Жёлтая сера |
RAL 1017 Шафраново-жёлтый |
RAL 1018 Цинково-жёлтый |
| RAL 1019 |
RAL 1020 Оливково-жёлтый |
RAL 1021 Рапсово-жёлтый |
RAL 1023 Транспортно-жёлтый |
| RAL 1024 Охра жёлтая |
RAL 1026 Люминесцентный жёлтый |
RAL 1027 Карри жёлтый |
RAL 1028 Дынно-жёлтый |
| RAL 1032 Жёлтый ракитник |
RAL 1033 Георгиново-жёлтый |
RAL 1034 Пастельно-жёлтый |
RAL 1035 Перламутрово-бежевый |
| RAL 1036 Перламутрово-золотой |
RAL 1037 Солнечно-жёлтый |
||
| Оранжевые тона | |||
| RAL 2000 Жёлто-оранжевый |
RAL 2001 Красно-оранжевый |
RAL 2002 Алый |
RAL 2003 Пастельно-оранжевый |
| RAL 2004 Оранжевый |
RAL 2005 Люминесцентный оранжевый |
RAL 2007 Люминесцентный ярко-оранжевый |
RAL 2008 Ярко-красно-оранжевый |
| RAL 2009 Транспортный оранжевый |
RAL 2010 Сигнальный оранжевый |
RAL 2011 Насыщенный оранжевый |
RAL 2012 Лососёво-оранжевый |
| RAL 2013 Перламутрово-оранжевый |
|||
| Красные тона | |||
| RAL 3000 Огненно-красный |
RAL 3001 Сигнальный красный |
RAL 3002 Карминно-красный |
RAL 3003 Рубиново-красный |
| RAL 3004 Пурпурно-красный |
RAL 3005 Винно-красный |
RAL 3007 Чёрно-красный |
RAL 3009 Оксид красный |
| RAL 3011 Коричнево-красный |
RAL 3012 Бежево-красный |
RAL 3013 Томатно-красный |
RAL 3014 Розовый антик |
| RAL 3015 Светло-розовый |
RAL 3016 Кораллово-красный |
RAL 3017 Розовый |
RAL 3018 Клубнично-красный |
| RAL 3020 Транспортный красный |
RAL 3022 Лососёво-красный |
RAL 3024 Люминесцентный красный |
RAL 3026 Люминесцентный ярко-красный |
| RAL 3027 Малиново-красный |
RAL 3028 Красный |
RAL 3031 Ориент красный |
RAL 3032 Перламутрово-рубиновый |
| RAL 3033 Перламутрово-розовый |
|||
| Фиолетовые тона | |||
| RAL 4001 Красно-сиреневый |
RAL 4002 Красно-фиолетовый |
RAL 4003 Вересково-фиолетовый |
RAL 4004 Бордово-фиолетовый |
| RAL 4005 Сине-сиреневый |
RAL 4006 Транспортный пурпурный |
RAL 4007 Пурпурно-фиолетовый |
RAL 4008 Сигнальный фиолетовый |
| RAL 4009 Пастельно-фиолетовый |
RAL 4010 Телемагента |
RAL 4011 Перламутрово-фиолетовый |
RAL 4012 Перламутрово-ежевичный |
| Синие тона | |||
| RAL 5000 Фиолетово-синий |
RAL 5001 Зелёно-синий |
RAL 5002 Ультрамариново-синий |
RAL 5003 Сапфирово-синий |
| RAL 5004 Чёрно-синий |
RAL 5005 Сигнальный синий |
RAL 5007 Бриллиантово-синий |
RAL 5008 Серо-синий |
| RAL 5009 Лазурно-синий |
RAL 5010 Горечавково-синий |
RAL 5011 Стально-синий |
RAL 5012 Голубой |
| RAL 5013 Кобальтово-синий |
RAL 5014 Голубино-синий |
RAL 5015 Небесно-синий |
RAL 5017 Транспортный синий |
| RAL 5018 Бирюзово-синий |
RAL 5019 Капри синий |
RAL 5020 Океанская синь |
RAL 5021 Водная синь |
| RAL 5022 Ночной синий |
RAL 5023 Отдалённо-синий |
RAL 5024 Пастельно-синий |
RAL 5025 Перламутровый горечавково-синий |
| RAL 5026 Перламутровый ночной синий |
|||
| Зелёные тона | |||
| RAL 6000 Патиново-зелёный |
RAL 6001 Изумрудно-зелёный |
RAL 6002 Лиственно-зелёный |
RAL 6003 Оливково-зелёный |
| RAL 6004 Сине-зелёный |
RAL 6005 Зелёный мох |
RAL 6006 Серо-оливковый |
RAL 6007 Бутылочно-зелёный |
| RAL 6008 Коричнево-зелёный |
RAL 6009 Пихтовый зелёный |
RAL 6010 Травяной зелёный |
RAL 6011 Резедово-зелёный |
| RAL 6012 Чёрно-зелёный |
RAL 6013 Тростниково-зелёный |
RAL 6014 Жёлто-оливковый |
RAL 6015 Чёрно-оливковый |
| RAL 6016 Бирюзово-зелёный |
RAL 6017 Майский зелёный |
RAL 6018 Желто-зелёный |
RAL 6019 Бело-зелёный |
| RAL 6020 Хромовый зелёный |
RAL 6021 Бледно-зелёный |
RAL 6022 Коричнево-оливковый |
RAL 6024 Транспортный зелёный |
| RAL 6025 Папоротниково-зелёный |
RAL 6026 Опаловый зелёный |
RAL 6027 Светло-зелёный |
RAL 6028 Сосновый зелёный |
| RAL 6029 Мятно-зелёный |
RAL 6032 Сигнальный зелёный |
RAL 6033 Мятно-бирюзовый |
RAL 6034 Пастельно-бирюзовый |
| RAL 6035 Перламутрово-зелёный |
RAL 6036 Перламутровый опаловый зелёный |
RAL 6037 Зелёный |
RAL 6038 Люминесцентный зелёный |
| Серые тона | |||
| RAL 7000 Серая белка |
RAL 7001 Серебристо-серый |
RAL 7002 Оливково-серый |
RAL 7003 Серый мох |
| RAL 7004 Сигнальный серый |
RAL 7005 Мышино-серый |
RAL 7006 Бежево-серый |
RAL 7008 Серое хаки |
| RAL 7009 Зелёно-серый |
RAL 7010 Брезентово-серый |
RAL 7011 Железно-серый |
RAL 7012 Базальтово-серый |
| RAL 7013 Коричнево-серый |
RAL 7015 Сланцево-серый |
RAL 7016 Антрацитово-серый |
RAL 7021 Чёрно-серый |
| RAL 7022 Серая умбра |
RAL 7023 Серый бетон |
RAL 7024 Графитовый серый |
RAL 7026 Гранитовый серый |
| RAL 7030 Каменно-серый |
RAL 7031 Сине-серый |
RAL 7032 Галечный серый |
RAL 7033 Цементно-серый |
| RAL 7034 Жёлто-серый |
RAL 7035 Светло-серый |
RAL 7036 Платиново-серый |
RAL 7037 Пыльно-серый |
| RAL 7038 Агатовый серый |
RAL 7039 Кварцевый серый |
RAL 7040 Серое окно |
RAL 7042 Транспортный серый A |
| RAL 7043 Транспортный серый B |
RAL 7044 Серый шёлк |
RAL 7045 Телегрей 1 |
RAL 7046 Телегрей 2 |
| RAL 7047 Телегрей 4 |
RAL 7048 Перламутровый мышино-серый |
||
| Коричневые тона | |||
| RAL 8000 Зелёно-коричневый |
RAL 8001 Охра коричневая |
RAL 8002 Сигнальный коричневый |
RAL 8003 Глиняный коричневый |
| RAL 8004 Медно-коричневый |
RAL 8007 Олень коричневый |
RAL 8008 Оливково-коричневый |
RAL 8011 Орехово-коричневый |
| RAL 8012 Красно-коричневый |
RAL 8014 Сепия коричневый |
RAL 8015 Каштаново-коричневый |
RAL 8016 Махагон коричневый |
| RAL 8017 Шоколадно-коричневый |
RAL 8019 Серо-коричневый |
RAL 8022 Чёрно-коричневый |
RAL 8023 Оранжево-коричневый |
| RAL 8024 Бежево-коричневый |
RAL 8025 Бледно-коричневый |
RAL 8028 Терракотовый |
RAL 8029 Перламутровый медный |
| Чёрные и белые тона | |||
| RAL 9001 Кремово-белый |
RAL 9002 Светло-серый |
RAL 9003 Сигнальный белый |
RAL 9004 Сигнальный чёрный |
| RAL 9005 Чёрный янтарь |
RAL 9006 Бело-алюминиевый |
RAL 9007 Тёмно-алюминиевый |
RAL 9010 Белый |
| RAL 9011 Графитно-чёрный |
RAL 9016 Транспортный белый |
RAL 9017 Транспортный чёрный |
RAL 9018 Папирусно-белый |
| RAL 9022 Перламутровый светло-серый |
RAL 9023 Перламутровый тёмно-серый |
||
Шестнадцатеричные/десятичные цвета
Красный, зеленый и синий
Шестнадцатеричные числа используются на веб-страницах для установки цветов.
Цвет определяется сочетанием Red , Green и Blue , каждый из которых может быть в диапазоне:
| от 0 до 255 (в десятичном формате) или |
| 00 от до FF (в шестнадцатеричном формате) |
| Цвет A можно получить путем смешивания R ed, G reen и B lue, поэтому он называется «Цветовая система RGB ». Ее также называют «аддитивной» цветовой системой, поскольку она начинается с черного, а затем добавляется цвет. |
Смеситель цветов
Попробуйте смешать свои собственные цвета, чтобы увидеть, как это работает (или введите значения в шестнадцатеричные или десятичные поля):
номера/изображения/hex-color.
js
См. также Интерактивное цветовое колесо.
Шестнадцатеричные
Шестнадцатеричные числа «естественны» для компьютеров, потому что компьютеры хранят и обрабатывают двоичные цифры, а четыре двоичных цифры составляют одну шестнадцатеричную цифру (см. Двоичные цифры):
| Десятичный: | Двоичный: | Шестнадцатеричный: |
|---|---|---|
| 0 | 0 | 0 |
| 1 | 1 | 1 |
| 2 | 10 | 2 |
| 3 | 11 | 3 |
| 4 | 100 | 4 |
| 5 | 101 | 5 |
| 6 | 110 | 6 |
| 7 | 111 | 7 |
| 8 | 1000 | 8 |
| 9 | 1001 | 9 |
| 10 | 1010 | А |
| 11 | 1011 | Б |
| 12 | 1100 | С |
| 13 | 1101 | Д |
| 14 | 1110 | Е |
| 15 | 1111 | Ф |
Таким образом, одна шестнадцатеричная цифра может иметь 16 различных значений (от 0 до 15 в десятичном формате), а две шестнадцатеричные цифры вместе (называемые «байтом») могут составлять 16 × 16 = 256 различных уровней цвета.
16 миллионов цветов
Поскольку каждый из трех цветов может иметь значения от 0 до 255 (256 возможных значений), имеется:
| 256 × 256 × 256 | = 256 3 |
| = 16 777 216 возможных комбинаций цветов |
(именно поэтому вы видите заявления о «16 миллионах цветов» на компьютерном оборудовании)
Веб-формат
Формат («обозначение»), используемый на веб-страницах, — #RRGGBB , где RR — сколько красного (с использованием двух шестнадцатеричных цифр), GG — сколько зеленого, а BB — сколько синего.
Пример : приятный оттенок синего состоит из:
- 64/255 Красный,
- 48/255 Зеленый
- 255/255 (т.е. полный) Синий
Таким образом, это (64, 48,255) в десятичном виде, что равно (40, 30, FF) в шестнадцатеричном и кодируется как #4030FF .
Это может помочь вам запомнить:
Розы #FF0000
Фиалки #0000FF
Только не забудьте,
Трава #00FF00 , тоже
Некоторые распространенные цвета
| Цвет | Десятичный (красный, зеленый, синий) | Шестнадцатеричный (#RRGGBB) |
| Черный | (0, 0, 0) | #000000 |
| Белый | (255 255 255) | #FFFFFF |
| Красный | (255, 0, 0) | #FF0000 |
| Зеленый | (0,255, 0) | #00FF00 |
| Синий | (0, 0,255) | #0000FF |
| Желтый | (255 255, 0) | #FFFF00 |
| Голубой | (0 255 255) | #00FFFF |
| Пурпурный | (255, 0,255) | #FF00FF |
Попробуйте ввести шестнадцатеричный код в микшер цветов выше и посмотрите, что вы получите (вы можете скопировать, затем щелкнуть правой кнопкой мыши шестнадцатеричное поле и выбрать «вставить») .
Я также составил гораздо более длинный список шестнадцатеричных цветов и их названий.
Цветовые коды Minecraft (и коды форматов)
В Minecraft есть ряд встроенных цветовых кодов и кодов форматов, которые вы можете использовать в чате и игровых командах.
Цветовые коды можно использовать для изменения цвета текста в игре, назначения цветов команд и настройки цвета окрашенных кожаных доспехов. Коды формата можно использовать для изменения внешнего вида внутриигрового текста, например 9.0360 полужирный или курсив .
Список цветовых кодов
Вот список цветовых кодов, доступных в Minecraft:
| Цвет (название Minecraft) | Код чата | Код МТД | Десятичный | Шестнадцатеричный |
|---|---|---|---|---|
| Темно-красный ( темно-красный) | §4 | \u00A74 | 11141120 | АА0000 |
| Красный ( красный) | §с | \u00A7c | 16733525 | ФФ5555 |
| Золото ( золото) | §6 | \u00A76 | 16755200 | FFAA00 |
| Желтый ( желтый) | §е | > | 16777045 | FFFF55 |
| Темно-зеленый ( темно-зеленый) | §2 | \u00A72 | 43520 | 00AA00 |
| Зеленый ( зеленый) | §а | 5635925 | 55FF55 | |
| Цвет морской волны ( цвет морской волны) | §б | 5636095 | 55FFFF | |
| Темно-голубой ( темный_аква) | §3 | \u00A73 | 43690 | 00АААА |
| Темно-синий ( тёмно-синий) | §1 | \u00A71 | 170 | 0000AA |
| Синий ( синий) | §9 | \u00A79 | 5592575 | 5555FF |
| Светло-фиолетовый ( светло-фиолетовый) | §д | = A7d | 16733695 | ФФ55ФФ |
| Темно-фиолетовый ( темно-фиолетовый) | §5 | \u00A75 | 11141290 | АА00АА |
| Белый ( белый) | §f | 16777215 | ФФФФФФ | |
| Серый ( серый) | §7 | \u00A77 | 11184810 | АААААА |
| Темно-серый ( темно-серый) | §8 | \u00A78 | 5592405 | 555555 |
| Черный ( черный) | §0 | \u00A70 | 0 | 000000 |
Определения
- Цвет — это название цвета, а ( Minecraft Name ) — внутреннее название цвета в Minecraft.
- Код чата — это внутренний код цвета чата в Minecraft.
- Код MOTD — это внутренний код сообщения «Сообщение дня 9».0363″ цвет в Майнкрафте.
- Decimal — это внутреннее десятичное значение цвета в Minecraft.
- Шестнадцатеричное — это внутреннее шестнадцатеричное значение цвета в Minecraft.
Нужна помощь в преобразовании цвета?
Нажмите кнопку ниже, если вам нужна помощь в преобразовании значения цвета:
Преобразование шестнадцатеричного в десятичное
Преобразование RGB в десятичное
Список кодов форматов
Вот список кодов форматов, доступных в Minecraft:
| Описание | Код чата | Код МТД |
|---|---|---|
| Obfuscated | §k | \u00A7k |
| Bold | §l | \u00A7l |
| Strikethrough | §m | \u00A7m |
| Underline | §n | \ u00A7n |
| Курсив | §o | \u00A7o |
| Сброс цвета по умолчанию | §r | \u00A7r |
Определения
- Описание — название формата.
