Выберите нужный цвет на палитре и справа вы увидите код цвета в двух форматах: шестнадцатеричном (HEX) и RGB. Это наиболее частые форматы, используемые как при создании сайтов, так и в других сферах. Ползунок под палитрой позволяет задать прозрачность, которую можно использовать в RGB формате.
Ниже представлены таблицы цветов, состоящие из названия цвета в HTML и его значений в форматах HEX и RGB. В таблицах CSS вы можете использовать как название, так и код в любом формате. Всего определено 147 позиций, но некоторые цвета одинаковые, хотя и имеют разные названия.
Некоторые цвета можно задавать по их названию, используя в качестве значения название цвета на английском языке. Самые распространенные ключевые слова: black (черный), white (белый), red (красный), green (зеленый), blue (синий) и др:
Наиболее популярные цвета стандарта Консорциума Всемирной паутины (англ. World Wide Web Consortium, W3C):
При отображении различных цветов на мониторе за основу берется RGB-палитра. Любой цвет получают, смешивая три основных: R — красный (red), G — зеленый (green), В — синий (blue). Яркость каждого цвета задается одним байтом и, следовательно, может принимать значения от 0 до 255. Например, RGB (255,0,0) отображается как красный, так как красный устанавливается в его самое высокое значение (255), а остальные установлены в 0. Также можно задавать цвет в процентном отношении. Каждый из параметров обозначает уровень яркости соответствующего цвета. Например: значения rgb(127, 255, 127) и rgb(50%, 100%, 50%) будут задавать одинаковый зеленый цвет средней насыщенности:
Пример: Задание цвета с помощью RGB
rgb(127, 255, 127)
rgb(50%, 100%, 50%)
rgb(127, 255, 127)
rgb(50%, 100%, 50%)
Задание цвета по шестнадцатеричному значению
Значения RGB также могут быть указаны с помощью шестнадцатеричных (HEX) значений цвета в форме: #RRGGBB, где RR (красный), GG (зеленый) и BB (синий) являются шестнадцатеричными значениями от 00 до FF (так же, как десятичное 0-255). Шестнадцатеричная система, в отличие десятичной системы, базируется, как следует из ее названия, на числе 16. Шестнадцатеричная система использует следующие знаки: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, А, В, С, D, E, F. Здесь цифры от 10 до 15 заменены латинскими буквами. Числа больше 15 в шестнадцатеричной системе представляют из себя объединением двух знаков в одно значение. Например, наибольшему числу 255 в десятичной системе соответствует самое высокое значение FF в шестнадцатеричной системе. В отличие десятичной системы, перед шестнадцатеричным числом ставят символ решетки #, например, #FF0000 отображается как красный цвет, так как красный устанавливается в его самое высокое значение (FF), а остальным цветам установлено минимальное значение (00). Знаки после символа решетки # можно набирать как прописными, так и строчными. Шестнадцатеричная система позволяет использовать сокращенную форму вида #rgb, где каждый символ равнозначен удвоенному. Так, запись #f7O следует расценивать как #ff7700.
Пример: Цвет HEX
красный: #FF0000
зеленый: #00FF00
синий: #0000FF
красный+зеленый=желтый: #FFFF00
красный+синий=фиолетовый: #FF00FF
зеленый+синий=голубой: #00FFFF
красный: #FF0000
зеленый: #00FF00
синий: #0000FF
красный+зеленый=желтый: #FFFF00
красный+синий=фиолетовый: #FF00FF
зеленый+синий=голубой: #00FFFF
Список широко распространённых цветов (название, HEX и RGB):
Английское название
Русское название
Образец
HEX
RGB
Amaranth
Амарантовый
#E52B50
229
43
80
Amber
Янтарный
#FFBF00
255
191
0
Aqua
Сине-зеленый
#00FFFF
0
255
255
Azure
Лазурный
#007FFF
0
127
255
Black
Черный
#000000
0
0
0
Blue
Синий
#0000FF
0
0
255
Bondi Blue
Вода пляжа Бонди
#0095B6
0
149
182
Brass
Латунный
#B5A642
181
166
66
Brown
Коричневый
#964B00
150
75
0
Cerulean
Лазурный
#007BA7
0
123
167
Dark spring green
Тёмный весенне-зелёный
#177245
23
114
69
Emerald
Изумрудный
#50C878
80
200
120
Eggplant
Баклажановый
#990066
153
0
102
Fuchsia
Фуксия
#FF00FF
255
0
255
Gold
Золотой
#FFD700
250
215
0
Gray
Серый
#808080
128
128
128
Green
Зелёный
#00FF00
0
255
0
Indigo
Индиго
#4B0082
75
0
130
Jade
Нефритовый
#00A86B
0
168
107
Lime
Лайм
#CCFF00
204
255
0
Malachite
Малахитовый
#0BDA51
11
218
81
Navy
Тёмно-синий
#000080
0
0
128
Ochre
Охра
#CC7722
204
119
34
Olive
Оливковый
#808000
128
128
0
Orange
Оранжевый
#FFA500
255
165
0
Peach
Персиковый
#FFE5B4
255
229
180
Pumpkin
Тыква
#FF7518
255
117
24
Purple
Фиолетовый
#800080
128
0
128
Red
Красный
#FF0000
255
0
0
Saffron
Шафрановый
#F4C430
244
196
48
Sea Green
Зелёное море
#2E8B57
46
139
87
Swamp green
Болотный
#ACB78E
172
183
142
Teal
Сине-зелёный
#008080
0
128
128
Ultramarine
Ультрамариновый
#120A8F
18
10
143
Violet
Фиолетовый
#8B00FF
139
0
255
Yellow
Жёлтый
#FFFF00
255
255
0
Коды цветов (фон) по насыщенности и оттенку: HTML Таблица цветов
Задачи
Задание цвета по его названию
Установите для заголовка второго уровня фон красного цвета, используя в качестве значения название цвета на английском языке.
