Содержание

Таблица цветов HTML: онлайн коды в HEX, RGB, RGBA, CMYK

Цвета на веб-странице задаются тремя способами:

  • шестнадцатиричным кодом;
  • десятиричным кодом;
  • кодом, который носит название цвета.

Чаще всего используют способ шестнадцатиричного исчисления, несмотря на то, что более традиционна десятиричная система.

Шестнадцатиричный код цветов

Шестнадцатиричная система задания цветов в HTML основана, как следует из ее названия, на цифре 16. Цифры, входящие в систему, составляют от 0 до 9 и латинскими буквами обозначены числа от 10 до 15. Соответствия между числами в десятиричной и шестнадцатиричной системах приведены в справочных таблицах.

Числа больше 15 обозначаются соединением двух чисел. Например, по такой таблице можно определить соответствие числа в десятиричной системе числу в шестнадцатиричной. Так, числу 255 соответствует число FF. Для удобства определения системы в шестнадцатиричной перед числом ставится символ «решетка» #, пример #666999.

Все цвета (красный, зеленый и синий) могут принимать число вариантов от 00 до FF, что в сумме составляет 256 оттенков. А всего в модели RGB число комбинаций может быть 256 × 256 × 256 = 16.777.216

Веб-цвета

Если передача монитора установлена в 8 бит (256 цветов), то разные браузеры один и тот же цвет будут показывать по-разному. Это объясняется индивидуальной цветовой палитрой браузера, когда он не может показать цвет, которого в его палитре нет. Отсутствующий цвет заменяется сочетанием близких к нему, которые браузеры его имитируют. Для неизменности цвета во всех браузерах были введены так называемые веб-цвета, в которых каждая составляющая (красная, зеленая и синяя) имела одно из шести значений 0 (00), 51 (33), 102 (66), 153 (99), 204 (CC), 255 (FF). Общее число сочетаний цветов 6х6х6= 216 цветов.

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

Названия цветов

  • Если цвета широко используются, то вместо цифр можно пользоваться именами. Приведем основные способы представления цветов.
  • В виде #123ABC, где первые две цифры — красный; в середине две — зеленый;последние две — синий.
  • Представление цвета кратко в виде #ABC будет прочитано как #AABBCC.
  • Показ цвета ключевыми словами — green, black. Чтобы указанное ключевым слово понималось браузером, нужно, чтобы количество их было ограничено и соответствовало только небольшому набору основных цветов, общему для всех браузеров.
  • Вид RGB (*,*,*), где «*» – числа в диапазоне 0-255, которые соответствуют цветам красный, зелёный, синий
  • Вид RGBA, (*,*,*,*), здесь первые 3 «*» — составляющие цвета в диапазоне 0-255, последняя «*» — степень непрозрачности или альфа-канал, который задается дробями в интервале 0 — 1.

Таблица цветов html, палитра и коды цветов в html HEX и RGB одной таблицей / FrontBlog.ru


Название цветаОбразецHEX форматRGB форматПеревод
     
black HEX #000000RGB 0/0/0черный
dimgray HEX #696969RGB 0/0/41тускло-серый
gray HEX #808080RGB 0/0/50серый
darkgray HEX #A9A9A9RGB 0/0/66темно-серый
silver HEX #C0C0C0RGB 0/0/75серебристый
lightgrey HEX #D3D3D3RGB 0/0/83светло-серый
gainsboro HEX #DCDCDCRGB 0/0/86Гейнсборо
whitesmoke HEX #F5F5F5RGB 0/0/96дымчатый
white HEX #FFFFFFRGB 0/0/100белый
snow HEX #FFFAFARGB 0/2/100снежный
rosybrown HEX #BC8F8FRGB 0/24/74розово-коричневый
lightcoral HEX #F08080RGB 0/47/94светло-коралловый
indianred HEX #CD5C5CRGB 0/55/80 
brown HEX #A52A2ARGB 0/75/65коричневый
firebrick HEX #B22222RGB 0/81/70кирпичный
maroon HEX #800000RGB 0/100/50густой красно-коричневый
darkred HEX #8B0000RGB 0/100/55темно-красный
red HEX #FF0000RGB 0/100/100красный
salmon HEX #FA8072RGB 6/54/98лососевый
mistyrose HEX #FFE4E1RGB 6/121/100туманно-розовый
tomato HEX #FF6347RGB 9/72/100томатный
darksalmon HEX #E9967ARGB 15/48/91темно-лососевый
coral HEX #FF7F50RGB 16/69/100коралловый
orangered HEX #FF4500RGB 16/100/100оранжево-красный
lightsalmon HEX #FFA07ARGB 17/52/100светло-лососевый
sienna HEX #A0522DRGB 19/72/63сиена (охра)
seashell HEX #FFF5EERGB 25/7/100морской раковины
saddlebrown HEX #8B4513RGB 25/86/55кожаного седла
chocolate HEX #D2691ERGB 25/86/82шоколадный
peachpuff HEX #FFDAB9RGB 28/27/100персиковый
sandybrown HEX #F4A460RGB 28/61/96рыжеватый
linen HEX #FAF0E6RGB 30/8/98льняной
peru HEX #CD853FRGB 30/69/80 
bisque HEX #FFE4C4RGB 33/23/100бисквитный (светло-коричневый)
darkorange HEX #FF8C00RGB 33/100/100темно-оранжевый
antiquewhite HEX #FAEBD7RGB 34/14/98древний (античный) белый
tan HEX #D2B48CRGB 34/33/82дубильной коры (желтовато-коричневый)
burlywood HEX #DEB887RGB 34/39/87плотной древесины
blanchedalmond HEX #FFEBCDRGB 36/20/100миндальный (чищеного миндаля)
navajowhite HEX #FFDEADRGB 36/32/100 
papayawhip HEX #FFEFD5RGB 37/16/100побега папайи
moccasin HEX #FFE4B5RGB 38/29/100 
oldlace HEX #FDF5E6RGB 39/9/99старого кружева
wheat HEX #F5DEB3RGB 39/27/96пшеничный
orange HEX #FFA500RGB 39/100/100оранжевый
floralwhite HEX #FFFAF0RGB 40/6/100цветочно-белый
goldenrod HEX #DAA520RGB 43/85/85золотисто-красный
darkgoldenrod HEX #B8860BRGB 43/94/72темный золотисто-красный
cornsilk HEX #FFF8DCRGB 48/14/100молодой кукурузы
gold HEX #FFD700RGB 51/100/100золотистый
lemonchiffon HEX #FFFACDRGB 54/20/100лимонного шифона
khaki HEX #F0E68CRGB 54/42/94хаки
palegoldenrod HEX #EEE8AARGB 55/29/93бледный золотисто-красный
darkkhaki HEX #BDB76BRGB 56/43/74темный хаки
ivory HEX #FFFFF0RGB 60/6/100слоновой кости
beige HEX #F5F5DCRGB 60/10/96беж
lightyellow HEX #FFFFE0RGB 60/12/100светло-желтый
olive HEX #808000RGB 60/100/50оливковый
yellow HEX #FFFF00RGB 60/100/100желтый
olivedrab HEX #6B8E23RGB 80/75/56нежно-оливковый
yellowgreen HEX #9ACD32RGB 80/76/80желто-зеленый
darkolivegreen HEX #556B2FRGB 82/56/42темный оливково-зеленый
greenyellow HEX #ADFF2FRGB 84/82/100зелено-желтый
lawngreen HEX #7CFC00RGB 90/100/99зеленой лужайки
chartreuse HEX #7FFF00RGB 90/100/100шартрез (бледно-зеленый)
honeydew HEX #F0FFF0RGB 120/6/100медовой росы
darkseagreen HEX #8FBC8FRGB 120/24/74темный морской волны
lightgreen HEX #90EE90RGB 120/39/93светло-зеленый
palegreen HEX #98FB98RGB 120/39/98бледно-зеленый
forestgreen HEX #228B22RGB 120/76/55лесной зелени
limegreen HEX #32CD32RGB 120/76/80зеленого лайма
darkgreen HEX #006400RGB 120/100/39темно-зеленый
green HEX #008000RGB 120/100/50зеленый
lime HEX #00FF00RGB 120/100/100лайма
seagreen HEX #2E8B57RGB 146/67/55морской волны
mediumseagreen HEX #3CB371RGB 147/66/70умеренный морской волны
mintcream HEX #F5FFFARGB 150/4/100мятного крема
springgreen HEX #00FF7FRGB 150/100/100весенней зелени
mediumspringgreen HEX #00FA9ARGB 157/100/98умеренный весенней зелени
mediumaquamarine HEX #66CDAARGB 160/50/80умеренный аквамариновый
aquamarine HEX #7FFFD4RGB 160/50/100аквамариновый (зеленовато-голубой)
turquoise HEX #40E0D0RGB 174/71/88бирюзовый
lightseagreen HEX #20B2AARGB 177/82/70светлый морской волны
mediumturquoise HEX #48D1CCRGB 178/66/82умеренный бирюзовый
azure HEX #F0FFFFRGB 180/6/100лазурный
paleturquoise HEX #AFEEEERGB 180/26/93бледно-бирюзовый
darkslategray HEX #2F4F4FRGB 180/41/31темный аспидно-серый (темно-синевато-серый)
teal HEX #008080RGB 180/100/50чирок
darkcyan HEX #008B8BRGB 180/100/55темно-циановый
aqua HEX #00FFFFRGB 180/100/100морской волны
cyan HEX #00FFFFRGB 180/100/100циановый
lightcyan HEX #E0FFFFRGB 180/121/100светло-циановый
darkturquoise HEX #00CED1RGB 181/100/82темно-бирюзовый
cadetblue HEX #5F9EA0RGB 182/41/63 
powderblue HEX #B0E0E6RGB 187/23/90голубой пороши
lightblue HEX #ADD8E6RGB 195/25/90светло-голубой
deepskyblue HEX #00BFFFRGB 195/100/100насыщенный небесно-голубой
skyblue HEX #87CEEBRGB 197/43/92небесно-голубой
lightskyblue HEX #87CEFARGB 203/46/98светлый небесно-голубой
steelblue HEX #4682B4RGB 207/61/71голубовато-стальной
aliceblue HEX #F0F8FFRGB 208/6/100 
slategray HEX #708090RGB 210/22/56аспидно-серый
lightslategray HEX #778899RGB 210/22/60светлый аспидно-серый
dodgerblue HEX #1E90FFRGB 210/88/100 
lightsteelblue HEX #B0C4DERGB 214/21/87светлый голубовато-стальной
cornflowerblue HEX #6495EDRGB 219/58/93васильковый
royalblue HEX #4169E0RGB 225/71/88королевский голубой
ghostwhite HEX #F8F8FFRGB 240/3/100призрачно-белый
lavender HEX #E6E6FARGB 240/8/98лавандовый (бледно-лиловый)
midnightblue HEX #191970RGB 240/78/44синей полночи
navy HEX #000080RGB 240/100/50флотский
darkblue HEX #00008BRGB 240/100/55темно-синий
mediumblue HEX #0000CDRGB 240/100/80умеренный голубой (синий)
blue HEX #0000FFRGB 240/100/100голубой (синий)
darkslateblue HEX #483D8BRGB 248/56/55темный аспидно-синий
slateblue HEX #6A5ACDRGB 248/56/80аспидно-синий
mediumslateblue HEX #7B68EERGB 249/56/93умеренный аспидно-синий
mediumpurple HEX #9370DBRGB 260/49/86умеренный пурпурный
blueviolet HEX #8A2BE2RGB 271/81/89сине-фиолетовый
indigo HEX #4B0082RGB 275/100/51индиго
darkorchid HEX #9932CCRGB 280/75/80темно-лиловый
darkviolet HEX #9400D3RGB 282/100/83темно-фиолетовый
mediumorchid HEX #BA55D3RGB 288/60/83умеренный лиловый
thistle HEX #D8BFD8RGB 300/12/85чертополоха
plum HEX #DDA0DDRGB 300/28/87сливовый (темно-фиолетовый с оттенками бордового)
violet HEX #EE82EERGB 300/45/93темно-лиловый, фиолетовый
purple HEX #800080RGB 300/100/50пурпурный
darkmagenta HEX #8B008BRGB 300/100/55темный фуксин
fuchsia HEX #FF00FFRGB 300/100/100фуксии
orchid HEX #DA70D6RGB 302/49/85лиловый
mediumvioletred HEX #C71585RGB 322/89/78умеренный лилово-красный
deeppink HEX #FF1493RGB 328/92/100насыщенный розовый
hotpink HEX #FF69B4RGB 330/59/100яркий розовый
lavenderblush HEX #FFF0F5RGB 340/6/100лавандового румянца
palevioletred HEX #DB7093RGB 340/49/86бледный лилово-красный
crimson HEX #DC143CRGB 348/91/86малиновый, темно-красный, кармазинный
pink HEX #FFC0CBRGB 350/25/100розовый
lightpink HEX #FFB6C1RGB 351/29/100светло-розовый
     

Таблица цветов | Агроглонасс

 Основные 16 HTML-цветов: 
 
Color Named Hex rgb Decimal
  black #000000 0,0,0
  silver #C0C0C0 192,192,192
  gray #808080 128,128,128
  white #FFFFFF 255,255,255
  maroon #800000 128,0,0
  red #FF0000 255,0,0
  purple #800080 128,0,128
  fuchsia #FF00FF 255,0,255
  green #008000 0,128,0
  lime #00FF00 0,255,0
  olive #808000 128,128,0
  yellow #FFFF00 255,255,0
  navy #000080 0,0,128
  blue #0000FF 0,0,255
  teal #008080 0,128,128
  aqua #00FFFF 0,255,255

 

 

HTML-цвета в текстово-графической таблице с описанием, числовыми значениями (в формате RGB, CMYK) и название на русском и английском языке (с переводом)

  Новые дополнения и редкие цветоимена — отмечены знаком вопроса (?). 

* Для быстрого поиска на странице – нажать клавиши «CTRL  F», набрать, например — ИЗУМРУДН
  
  В результате поиска, на странице будет найдена, если имеется, информация по этому цвету. 

  Навигация по таблице (отсортировано по буквам алфавита):

A

 
Английское название Русское название    Пример    Шестнадцат-е
значение
   
 
Apricot Абрикос   #FBCEB1                    
Apricot French Французский абрикос (?)   #E67E30       10 61 91 1 26 79 90
Air Force Blue Военно-воздушный синий   #5D8AA8 93 138 168 45 18 0 34 204 45 66
Alice Blue Синий Элис   #F0F8FF 240 248 255 6 3 0 0 208 6 100
Alizarin Crimson Ализариновый красный   #E32636
227
38 54 1 92 82 0 355 83 89
Almond Миндаль Крайола   #EFDECD 239 222 205 0 7 14 6 30 14 94
Amaranth Амарантовый   #E52B50 229 43 80 0 81 65
10
348 81 90
Amber Янтарный   #FFBF00 255 191 0 0 25 100 0 45 100 100
American Rose Американская роза   #FF033E 255 3 62 0 99 76 0 346 99 100
Amethyst
Аметистовый
  #9966CC 153 102 204 25 50 0 20 270 50 80
Anti-flash White Матовый белый   #F2F3F4 242 243 244 1 0 0 4 210 1 96
Antique White Античный белый   #FAEBD7 250
235
215 1 7 15 0 34 14 98
Apple Green Яблочно-зелёный   #8DB600 141 182 0 23 0 100 29 74 100 71
Asparagus Спаржа   #7BA05B 123 160 91 23 0 43 37 92 43 63
Aqua Цвет морской волны   #00FFFF 0 255 255 100 0 0 0 180 100 100
Aquamarine Аквамариновый   #7FFFD4 127 255 212 50 0 17 0 160 50 100
Army Green Армейский зелёный   #4B5320 75 83 32 10 0 61 67 69 61 33
Arsenic Мышьяковый   #3B444B 59 68 75 21 9 0 71 206 21 29
Azure Лазурный, Азур   #007FFF 0 127 255 100 50 0 0 210 100 100
 

B

Английское название Русское название    Пример    Шестнадцат-е
значение
RGB CMYK HSV
Battleship Grey Голубовато-серый цвет   #848482 132 132 130 0 0 2 48 60 2 52
Beige Беж, бежевый   #F5F5DC 245 245 220 0 0 10 4 60 10 96
Bistre Бистр   #3D2B1F 61 43 31 0 30 49 76 24 49 24
Bittersweet Горькая радость   #FE6F5E 254 111 94 0 56 63 0 6 63 100
Black Чёрный   #000000 0 0 0 0 0 0 100 0 0 0
Blond Белокурый   #FAF0BE 250 240 190 0 4 24 2 50 24 98
Blue Синий   #0000FF 0 0 255 100 100 0 0 240 100 100
Bondi Blue Вода пляжа Бонди   #0095B6 0 149 182 100 18 0 29 191 100 71
Boston University Red Красный Универс. Бостона   #CC0000 204 0 0 0 100 100 20 0 100 80
Brass Латунный   #B5A642 181 166 66 0 8 64 29 52 64 71
Bright green Ярко-зелёный   #66FF00 102 255 0 60 0 100 0 96 100 100
Bright turquoise Ярко-бирюзовый   #08E8DE 8 232 222 59 0 24 0 177 97 91
Bright violet Ярко-фиолетовый   #CD00CD 205 0 205 36 88 0 0 300 100 80
Bronze Бронзовый   #CD7F32 205 127 50 12 58 88 6 30 76 80
Brown Коричневый   #964B00 150 75 0 0 50 100 41 30 100 59
Buff Кожа буйвола, палевый   #F0DC82 240 220 130 0 8 46 6 49 46 94
Burgundy Бургундский   #900020 144 0 32 0 97 100 50 347 100 56
Burnt Orange Выгоревший оранжевый   #CC5500 204 85 0 0 58 100 20 25 100 80
Burnt Sienna Сиена жжёная   #E97451 233 116 81 0 50 65 9 14 65 91
Burnt umber Коричневый, умбра жжёная   #8A3324 138 51 36 0 63 74 46 9 74 54

C

Английское название Русское название    Пример    Шестнадцат-е
значение
RGB CMYK HSV
Camouflage green Хаки   #78866B 120 134 107 55 35 62 10 91 20 53
Canary Канареечный   #fdff63 253 255 99 7 0 69 0 61 61 100
Canonical aubergine Баклажановый   #772953 119 41 83 26 99 12 52 328 65 46
Cardinal Тёмно-красный, кардинал   #C41E3A 196 30 58 0 40 60 0 350 85 77
Carmine Кармин   #960018 150 0 24 0 100 84 41 350 100 59
Carrot Морковный   #ED9121 237 145 33 4 50 100 0 33 86 93
Celadon Селадоновый   #ACE1AF 172 225 175 21 0 19 12 123 24 88
Cerise Светлая вишня   #DE3163 222 49 99 0 78 55 13 343 78 87
Cerulean Лазурный   #007BA7 0 123 167 100 26 0 35 196 100 65
Cerulean blue Лазурно-синий   #A52BE 42 82 190 78 57 0 25 224 78 75
Chartreuse Салатовый цвет, шартрез   #7FFF00 127 255 0 50 0 100 0 90 100 100
Chestnut Каштановый   #CD5C5C 205 92 92 0 55 55 20 0 55 80
Chocolate Шоколадный   #D2691E 210 105 30 0 50 86 18 25 86 82
Cinnamon Коричный   #7B3F00 123 63 0 16 60 82 51 20 240 58
Cobalt Кобальт синий   #0047AB 0 71 171 100 58 0 33 215 100 67
Coffee Кофейный   #4b3621 75 54 33 51 64 81 57 30 56 29
Copper Медный   #B87333 184 115 51 0 38 72 28 29 72 72
Coral Кораллово-красный   #FF7F50 255 127 80 0 50 69 0 16 69 100
Corn Кукурузный   #FBEC5D 251 236 93 4 1 77 0 54 63 98
Cornflower blue Васильковый   #6495ED 100 149 237 58 37 0 7 219 58 93
Cream Кремовый   #FFFDD0 255 253 208 0 1 18 0 57 18 100
Crimson Малиновый, тёмно-красный   #DC143C 220 20 60 0 91 73 14 348 91 86
Cyan Циан   #00FFFF 0 255 255 100 0 0 0 180 100 100

D

Английское название Русское название    Пример    Шестнадцат-е
значение
RGB CMYK HSV
Dark blue Тёмно-синий цвет   #00008B 0 0 139 100 99 10 11 240 100 55
Dark brown Тёмно-коричневый   #654321 101 67 33 0 34 67 60 30 67 40
Dark cerulean Тёмно-лазурный   #08457E 8 69 126 94 45 0 51 209 94 49
Dark chestnut Тёмно-каштановый   #986960 152 105 96 0 31 37 40 10 37 60
Dark coral Тёмно-коралловый   #CD5B45 205 91 69 15 77 78 3 10 66 80
Dark goldenrod Тёмно-золотой   #B8860B 184 134 11 0 27 94 28 43 94 72
Dark slate gray Тёмный сланцево-серый   #2f4f4f 47 79 79 80 53 58 37 180 41 31
Dark green Тёмно-зелёный   #013220 1 50 32 98 0 36 80 158 98 20
Dark Indigo Тёмный индиго, индиго   #310062 49 0 98 50 100 0 62 270 100 38
Dark Khaki Тёмный хаки, хаки   #BDB76B 189 183 107 0 3 43 26 56 43 74
Dark Olive Тёмно-оливковый   #556832 85 104 50 65 40 95 27 81 52 41
Dark pastel green Тёмный пастельно-зелёный   #03C03C 3 192 60 76 0 100 0 138 98 75
Dark Peach Тёмно-персиковый   #FFDAB9 255 218 185 0 15 27 0 28 27 100
Dark pink Тёмно-розовый   #E75480 231 84 128 4 82 26 0 342 64 91
Dark salmon Тёмная лососина   #E9967A 233 150 122 0 36 48 9 15 48 91
Dark Scarlet Тёмно-алый   #560319 86 3 25 0 97 71 66 344 97 34
Dark spring green Тёмный весенне-зелёный   #177245 23 114 69 87 31 88 20 150 80 45
Dark tan Тёмный жёлто-коричневый   #918151 145 129 81 41 41 77 12 45 44 57
Dark tangerine Тёмно-мандариновый   #FFA812 255 168 18 0 39 99 0 38 93 100
Dark Tea Green Тёмный зелёный чай   #BADBAD 186 219 173 28 1 40 0 103 21 86
Dark turquoise Тёмно-бирюзовый   #116062 17 96 98 89 45 55 25 181 83 38
Dark violet Тёмно-фиолетовый цвет   #423189 66 49 137 92 98 8 1 252 64 54
Deep pink Глубокий розовый цвет   #FF1493 255 20 147 0 95 0 0 328 92 100
Deep sky blue Голубой цвет   #00BFFF 0 191 255 70 0 2 0 195 100 100
Denim Джинсовый синий   #1560BD 21 96 189 89 49 0 26 213 89 74
Dodger blue Защитно-синий   #1E90FF 30 144 255 88 44 0 0 210 88 100

E

Английское название Русское название    Пример    Шестнадцат-е
значение
RGB CMYK HSV
Emerald Изумрудный   #50C878 80 200 120 66 0 73 0 140 60 78
Eggplant Баклажановый   #990066 153 0 102 0 100 33 40 320 100 60
Electric Электрик   #7DF9FF 125 249 255 39 0 10 0 183 51 100

F

Английское название Русское название    Пример    Шестнадцат-е
значение
RGB CMYK HSV
Fern green Зелёный папоротник   #4F7942 79 121 66 71 32 90 18 106 45 47
Fire brick Кирпичный   #B22222 178 34 34 21 99 100 12 0 81 70
Flax Льняной   #EEDC82 238 220 130 7 8 60 0 50 45 93
Fuchsia Фуксия   #FF00FF 255 0 255 7 95 0 0 300 100 100

G

Английское название Русское название    Пример    Шестнадцат-е
значение
RGB CMYK HSV
Gamboge Гуммигут   #E49B0F 228 155 15 5 48 97 1 39 93 89
Gold Золотой   #FFD700 255 215 0 0 13 95 0 51 100 100
Goldenrod Золотисто-берёзовый   #DAA520 218 165 32 0 24 85 15 43 85 85
Gray Серый   #808080 128 128 128 0 0 0 50 0 0 50
Gray-asparagus Серая спаржа   #465945 70 89 69 21 0 22 65 117 22 35
Gray-Tea Green Зелёный серый чай   #CADABA 202 218 186 7 0 15 15 90 15 85
Green Зелёный, Лаймовый   #00FF00 0 255 0 62 0 100 0 120 100 100
Green-yellow Жёлто-зелёный   #ADFF2F 173 255 47 32 0 82 0 84 82 100
Gradus Blue Синий Градуса   #007DFF 0 125 255 79 54 0 0 211 100 100

H

Английское название Русское название    Пример    Шестнадцат-е
значение
  CMYK HSV
Heliotrope Гелиотроп   #DF73FF 223 115 255 13 55 0 0 286 55 100
Hot pink Ярко-розовый цвет   #FC0FC0 252 15 192 0 94 24 1 315 94 99

I

Английское название Русское название    Пример    Шестнадцат-е
значение
RGB CMYK HSV
Indigo Индиго   #4B0082 75 0 130 42 100 0 49 275 100 51
International orange 
(Safety orange)
Международный (сигнальный)
оранжевый
  #FF4F00 255 79 0 0 83 100 0 19 100 100
Indian Red Индийский красный, каштановый   #CD5C5C 205 92 92 0 55 55 20 0 55 80
Ivory Слоновая кость   #fffff0 255 255 240 1 0 6 0 60 6 100

J

Английское название Русское название    Пример    Шестнадцат-е
значение
RGB CMYK HSV
Jade Нефритовый   #00A86B 0 168 107 100 0 36 34 158 100 66

K

Английское название Русское название    Пример    Шестнадцат-е
значение
RGB CMYK HSV
Khaki Хаки   #C3B091 195 176 145 0 10 26 24 37 26 76
Klein Blue Синий Клейна   #3A75C4 58 117 196 78 52 0 0 214 70 77

L

Английское название Русское название    Пример    Шестнадцат-е
значение
RGB CMYK HSV
Lavender Лаванда, лавандово-синий   #E6E6FA 230 230 250 8 8 0 2 240 8 98
Lavender Blush Розово-лавандовый   #FFF0F5 255 240 245 0 6 4 0 340 6 100
Lemon Лимонный   #FDE910 253 233 16 0 8 94 1 55 94 99
Lemon Cream Лимонно-кремовый   #FFFACD 255 250 205 0 2 20 0 54 20 100
Light brown Светло-коричневый   #CD853F 205 133 63 0 35 69 20 30 69 80
Lilac Сиреневый   #C8A2C8 200 162 200 0 19 0 22 300 19 78
Electric Lime Электрик Лайм   #CCFF00 204 255 0 20 0 100 0 72 100 100
Linen Льняной   #FAF0E6 250 240 230 0 4 8 2 30 8 98
Lawn Green Зелёная лужайка   #7CFC00 124 252 0 51 0 100 1 90 100 99

M

Английское название Русское название    Пример    Шестнадцат-е
значение
RGB CMYK HSV
Magenta, Fuchsia Маджента фуксия   #FF00FF 255 0 255 0 100 0 0 300 100 100
Malachite Малахитовая зелень
(малахитовый)
  #0BDA51 11 218 81 69 0 90 0 140 95 85
Maroon Тёмно-бордовый   #800000 128 0 0 0 100 100 50 0 100 50
Marsala Марсала 
(бордово-коричневый) (?)
  #9B5150 155 81 80 32 75 62 19 1 48 61
Mauve Розовато-лиловый   #993366 153 51 102 0 67 33 40 330 67 60
Midnight Blue Полуночно-синий   #003366 0 51 102 100 87 33 23 210 100 40
Mint Green Зелёная мята (мятный)   #98FF98 152 255 152 40 0 40 0 120 40 100
Moss green Зелёный мох   #ADDFAD 173 223 173 20 0 22 13 120 22 87
Mountbatten pink Розовый Маунтбэттена   #997A8D 153 122 141 0 20 8 40 323 20 60
Mustard Горчичный   #FFDB58 255 219 88 1 12 77 0 47 65 100

N

Английское название Русское название    Пример    Шестнадцат-е
значение
RGB CMYK HSL
Navajo white Белый навахо   #FFDEAD 255 222 173 0 13 22 0 36 32 100
Navy Тёмно-синий   #000080 0 0 128 100 100 0 50 240 100 50

O

Английское название Русское название    Пример    Шестнадцат-е
значение
RGB CMYK HSV
Ochre Охра   #CC7722 204 119 34 0 42 83 20 30 83 80
Old Gold Старое золото   #CFB53B 207 181 59 0 13 71 19 49 71 81
Olive Оливковый   #808000 128 128 0 0 0 100 50 60 100 50
Olive Drab Нежно-оливковый   #6B8E23 107 142 35 25 0 75 44 80 75 56
Orange Оранжевый   #FFA500 255 165 0 0 35 100 0 39 100 100
Orchid Орхидея   #DA70D6 218 112 214 0 49 2 15 302 49 85
Old Lace Старое кружево   #FDF5E6 253 245 230 0 3 9 1 39 9 99

P

Английское название Русское название    Пример    Шестнадцат-е
значение
RGB CMYK HSV
Pale Blue Бледно-синий   #AFEEEE 175 238 238 26 0 0 7 180 26 93
Pale brown Бледно-коричневый   #987654 152 118 84 0 22 45 40 30 45 60
Pale carmine Бледно-карминный   #AF4035 175 64 53 0 63 69 31 5 69 68
Pale chestnut Бледно-каштановый   #DDADAF 221 173 175 0 22 21 13 358 22 87
Pale cornflower blue Бледно-васильковый   #ABCDEF 171 205 239 28 14 0 6 210 28 94
Pale magenta Бледно-пурпурный   #F984E5 249 132 229 0 47 8 2 310 47 98
Pale mauve Бледный розовато-лиловый   #996666 153 102 102 0 33 33 40 0 33 60
Pale pink Бледно-розовый   #FADADD 250 218 221 0 13 12 2 354 13 98
Pale red-violet Лиловый   #DB7093 219 112 147 0 49 33 14 340 49 86
Pale Sandy Brown Бледно-песочный цвет   #DABDAB 218 189 171 0 13 22 15 23 22 85
Pale yellow Палевый   #F0DC82 240 220 130 0 8 46 6 49 46 94
Pang Панг   #C7FCEC 199 252 236 19 0 12 0 162 21 99
Papaya whip Побег папайи   #FFEFD5 255 239 213 0 6 16 0 37 16 100
Pastel green Пастельно-зелёный   #77DD77 119 221 119 46 0 46 13 120 46 87
Pastel pink Пастельно-розовый   #FFD1DC 255 209 220 0 18 14 0 346 18 100
Peach Персиковый   #FFE5B4 255 229 180 0 10 29 0 39 29 100
Peach-orange Оранжево-персиковый   #FFCC99 255 204 153 0 20 40 0 30 40 100
Peach-yellow Жёлто-персиковый   #FADFAD 250 223 173 0 11 31 2 39 31 98
Pear Грушевый   #D1E231 209 226 49 7 0 78 11 65 78 88
Periwinkle Барвинок   #CCCCFF 204 204 255 20 20 0 0 240 20 100
Persian blue Персидский синий   #6600FF 102 0 255 60 100 0 0 264 100 100
Pine Green Зелёная сосна   #01796F 1 121 111 99 0 80 53 175 99 47
Pink Розовый   #FFC0CB 255 192 203 0 25 20 0 350 25 100
Pink-orange Оранжево-розовый   #FF9966 255 153 102 0 40 60 0 20 60 100
Pistacia Фисташковый   #bef574 190 245 116 30 0 68 0 86 53 96
Plum Сливовый   #660066 102 0 102 0 100 0 60 300 100 40
Pomegranate Гранатовый   #F34723 243 71 35 4 86 97 1 10 86 95
Powder blue Пороховая синь   #003399 0 51 153 100 67 0 40 220 100 60
Puce Пюсовый, блошиный   #CC8899 204 136 153 0 33 25 20 345 33 80
Prussian blue Берлинская лазурь   #003153 0 49 83 63 35 14 72 205 100 33
Pumpkin Тыква   #FF7518 255 117 24 0 54 90 0 24 90 100
Purple Фиолетовый (оттенок)   #800080 128 0 128 0 100 0 50 300 100 60

R

Английское название Русское название    Пример    Шестнадцат-е
значение
RGB CMYK HSV
Raw umber Умбра   #734A12 115 74 18 0 35 84 54 34 84 45
Red Красный   #FF0000 255 0 0 0 100 100 0 0 100 100
Red-violet Фиолетово-красный   #C71585 199 21 133 0 89 33 22 322 89 78
Robin egg blue Цвет яйца дрозда   #00CCCC 0 204 204 100 0 0 20 180 100 80
Royal Blue Ярко-синий 
(«королевский синий»)
  #4169E1 65 105 225 71 53 0 12 225 71 88
Ruby Рубиновый   #e0115f 224 17 95 13 99 49 1
Russet Красновато-коричневый   #755A57 117 90 87 49 60 56 26 6 26 46
Rust Ржавый   #B7410E 183 65 14 22 85 100 13 18 92 72
Rosy Brown Розово-коричневый   #BC8F8F 188 143 143 0 24 24 26 0 24 74

S

Английское название Русское название    Пример    Шестнадцат-е
значение
RGB CMYK HSV
Safety Orange (Blaze Orange) Сигнальный оранжевый   #FF9900 255 153 0 0 40 100 0 36 100 100
Saffron, Crocus Шафрановый   #F4C430 244 196 48 8 23 99 0 45 80 96
Sapphire Сапфировый   #082567 8 37 103 92 64 0 60 222 92 40
Salmon Лососёвый   #FF8C69 255 55 105 0 45 59 0 14 59 100
Sandy brown Песочный цвет   #F4A460 244 164 96 2 41 69 0 28 61 96
Sangria Сангрия, Бордовый   #92000A 146 0 10 17 92 99 32 356 100 57
Scarlet Ярко-красный, алый   #FF2400 255 36 0 0 95 100 0 8 100 100
School bus yellow Цвет жёлтого 
школьного автобуса
  #FFD800 255 216 0 1 12 100 0 51 100 100
Sea Green Зелёное море   #2E8B57 46 139 87 81 23 83 7 146 67 55
Seashell Цвет морской пены   #FFF5EE 255 245 238 0 3 4 0 25 7 100
Selective yellow Отборный жёлтый   #FFBA00 255 186 0 0 27 100 0 44 100 100
Sepia Сепия   #704214 112 66 20 0 41 82 56 30 82 44
Silver Серебристый   #C0C0C0 192 192 192 0 0 0 25 0 0 75
Slate gray Серый шифер   #708090 112 128 144 60 43 34 4 210 22 56
Spring Green Зелёная весна   #00FF7F 0 255 127 59 0 79 0 150 100 100
Steel blue Синяя сталь   #4682B4 70 130 180 75 42 10 0 207 61 71
Swamp green Болотный   #ACB78E 172 183 142 6 0 22 28 76 22 71

T

Английское название Русское название    Пример    Шестнадцат-е
значение
RGB CMYK HSV
Tan Цвет загара   #D2B48C 210 180 140 0 14 33 18 34 33 82
Tenne Краснобуро-оранжевый   #CD5700 205 87 0 11 75 100 4 25 100 80
Tangerine Мандариновый   #FFCC00 255 204 0 0 25 94  ? 33 100 50
Tea Green Зелёный чай   #D0F0C0 208 240 192 20 0 30 0 100 20 94
Teal Сине-зелёный   #008080 0 128 128 100 0 0 50 180 100 50
Telemagenta Телемагента, Телемаджента   #CF3476 207 52 118 22 93 32 1 334 75 81
Terracota Терракотовый 
(кирпично-красный)
  #CB6843 203 104 67 18 69 80 5 16 67 80
Dark terra cotta Тёмно-терракотовый   #CC4E5C 204 78 92 19 83 58 4 353 62 80
Thistle Чертополох   #D8BFD8 216 191 216 18 27 2 1 300 12 85
Turquoise Бирюзовый   #30D5C8 48 213 200 77 0 6 16 175 77 84
Titian Тициановый   #d53e07 213 62 7 0 71 97 16 16 97 84
  Транспортный красный   #CC0605 204 6 5 0 97 98 20 0 98 80
Tomato Томатный   #FF6347 255 99 71 0 61 72 0 9 72 100

U

Английское название Русское название    Пример    Шестнадцат-е
значение
RGB CMYK HSV
Ultramarine Ультрамариновый   #120A8F 18 10 143 100 90 4 1 244 93 56
United Nations Blue Цвет флага ООН   #5B92E5 91 146 229 60 36 0 10 216 60 90
Ubuntu orange Оранжевый   #DD4814 221 72 20 0 79 100 0 15 90 86

V

Английское название Русское название    Пример    Шестнадцат-е
значение
RGB CMYK HSV
Vanilla Ванильный   #F3E5AB 243 229 171 0 6 30 5 48 30 95
Vermilion Киноварь   #E34234 227 66 52 0 71 77 11 5 77 89
Violet Фиолетовый (фиалковый,
синепурпурный)
  #8B00FF 139 0 255 45 100 0 0 273 100 100
Violet-eggplant Фиолетово-баклажанный   #991199 153 17 153 0 88 0 39 300 88 60
Viridian Ядовито-зелёный   #40826D 64 130 109 51 0 16 49 161 51 51

W

Английское название Русское название    Пример    Шестнадцат-е
значение
RGB CMYK HSV
Wheat Пшеничный   #F5DEB3 245 222 179 0 9 26 3 39 26 96
White Белый   #FFFFFF 255 255 255 0 0 0 0 0 0 100
Wisteria Глициния   #C9A0DC 201 160 220 16 40 0 0 281 27 86
Wine Вино   #722F37 114 47 55 0 59 52 55 353 59 45

X

Английское название Русское название    Пример    Шестнадцат-е
значение
RGB CMYK HSV
Xanadu Шанду   #738678 115 134 120 14 0 10 47 136 14 53

Y

Английское название Русское название    Пример    Шестнадцат-е
значение
RGB CMYK HSV
Yellow Жёлтый   #FFFF00 255 255 0 0 0 100 0 60 100 100

Z

Английское название Русское название    Пример    Шестнадцат-е
значение
RGB CMYK HSV
Zaffre Кобальтовая синь   #0014A8 0 20 168 100 88 0 34 233 100 66
Zinnwaldite Циннвальдит   #EBC2AF 235 194 175 0 17 25 7 19 25 92

Список некоторых редких / экзотических цветов в виде картинки: 

Таблица цветов hex

http://www.webuchebnik.ru/samouchitel_html/font.php учебник по HTML!!!

Следующие атрибуты тега BODY помогут нам настроить отображение ссылок на нашей страничке:

link — цвет ссылки, на которую еще не нажимали.

vlink — цвет ссылки, на которую уже нажимали.

alink — цвет ссылки, когда нажимаем на неё.

http://persei100.narod.ru/RGB-color/color16.html

Таблица 16 основных цветов, которые используются во всех браузерах

Название

Цвет

Hex

(RGB)

  Aqua (морская волна)

 

  #00FFFF

(000,255,255)

  Black (черный)

 

  #000000

(000,000,000)

  Blue (голубой)

 

  #0000FF

(000,000,255)

  Fuchsia (фуксин)

 

  #FF00FF

(255,000,255)

  Gray (серый)

 

  #808080

(128,128,128)

  Green (зеленый)

 

  #008000

(000,128,000)

  Lime (ярко-зеленый)

 

  #00FF00

(000,255,000)

  Maroon (темно-бордовый)

 

  #800000

(128,000,000)

  Navy (темно-синий)

 

  #000080

(000,000,128)

  Olive (оливковый)

 

  #808000

(128,128,000)

  Purple (фиолетовый)

 

  #800080

(128,000,128)

  Red (красный)

 

  #FF0000

(255,000,000)

  Silver (серебряный)

 

  #C0C0C0

(192,192,192)

  Teal (серо-зеленый)

 

  #008080

(000,128,128)

  White (белый)

 

  #FFFFFF

(255,255,255)

  Yellow (желтый)

 

  #FFFF00

(255,255,000)

Названия цветов

В таблице перечислены названия цветов (которые можно использовать в качестве значения), поддерживаемые всеми браузерами, и их шестнадцатеричные значения.

Название цвета

HEX

Цвет

Black

#000000

 

Navy

#000080

 

DarkBlue

#00008B

 

MediumBlue

#0000CD

 

Blue

#0000FF

 

DarkGreen

#006400

 

Green

#008000

 

Teal

#008080

 

DarkCyan

#008B8B

 

DeepSkyBlue

#00BFFF

 

DarkTurquoise

#00CED1

 

MediumSpringGreen

#00FA9A

 

Lime

#00FF00

 

SpringGreen

#00FF7F

 

Aqua

#00FFFF

 

Cyan

#00FFFF

 

MidnightBlue

#191970

 

DodgerBlue

#1E90FF

 

LightSeaGreen

#20B2AA

 

ForestGreen

#228B22

 

SeaGreen

#2E8B57

 

DarkSlateGray

#2F4F4F

 

LimeGreen

#32CD32

 

MediumSeaGreen

#3CB371

 

Turquoise

#40E0D0

 

RoyalBlue

#4169E1

 

SteelBlue

#4682B4

 

DarkSlateBlue

#483D8B

 

MediumTurquoise

#48D1CC

 

Indigo

#4B0082

 

DarkOliveGreen

#556B2F

 

CadetBlue

#5F9EA0

 

CornflowerBlue

#6495ED

 

MediumAquaMarine

#66CDAA

 

DimGray

#696969

 

SlateBlue

#6A5ACD

 

OliveDrab

#6B8E23

 

SlateGray

#708090

 

LightSlateGray

#778899

 

MediumSlateBlue

#7B68EE

 

LawnGreen

#7CFC00

 

Chartreuse

#7FFF00

 

Aquamarine

#7FFFD4

 

Maroon

#800000

 

Purple

#800080

 

Olive

#808000

 

Gray

#808080

 

SkyBlue

#87CEEB

 

LightSkyBlue

#87CEFA

 

BlueViolet

#8A2BE2

 

DarkRed

#8B0000

 

DarkMagenta

#8B008B

 

SaddleBrown

#8B4513

 

DarkSeaGreen

#8FBC8F

 

LightGreen

#90EE90

 

MediumPurple

#9370D8

 

DarkViolet

#9400D3

 

PaleGreen

#98FB98

 

DarkOrchid

#9932CC

 

YellowGreen

#9ACD32

 

Sienna

#A0522D

 

Brown

#A52A2A

 

DarkGray

#A9A9A9

 

LightBlue

#ADD8E6

 

GreenYellow

#ADFF2F

 

PaleTurquoise

#AFEEEE

 

LightSteelBlue

#B0C4DE

 

PowderBlue

#B0E0E6

 

FireBrick

#B22222

 

DarkGoldenRod

#B8860B

 

MediumOrchid

#BA55D3

 

RosyBrown

#BC8F8F

 

DarkKhaki

#BDB76B

 

Silver

#C0C0C0

 

MediumVioletRed

#C71585

 

IndianRed

#CD5C5C

 

Peru

#CD853F

 

Chocolate

#D2691E

 

Tan

#D2B48C

 

LightGray

#D3D3D3

 

PaleVioletRed

#D87093

 

Thistle

#D8BFD8

 

Orchid

#DA70D6

 

GoldenRod

#DAA520

 

Crimson

#DC143C

 

Gainsboro

#DCDCDC

 

Plum

#DDA0DD

 

BurlyWood

#DEB887

 

LightCyan

#E0FFFF

 

Lavender

#E6E6FA

 

DarkSalmon

#E9967A

 

Violet

#EE82EE

 

PaleGoldenRod

#EEE8AA

 

LightCoral

#F08080

 

Khaki

#F0E68C

 

AliceBlue

#F0F8FF

 

HoneyDew

#F0FFF0

 

Azure

#F0FFFF

 

SandyBrown

#F4A460

 

Wheat

#F5DEB3

 

Beige

#F5F5DC

 

WhiteSmoke

#F5F5F5

 

MintCream

#F5FFFA

 

GhostWhite

#F8F8FF

 

Salmon

#FA8072

 

AntiqueWhite

#FAEBD7

 

Linen

#FAF0E6

 

LightGoldenRodYellow

#FAFAD2

 

OldLace

#FDF5E6

 

Red

#FF0000

 

Fuchsia

#FF00FF

 

Magenta

#FF00FF

 

DeepPink

#FF1493

 

OrangeRed

#FF4500

 

Tomato

#FF6347

 

HotPink

#FF69B4

 

Coral

#FF7F50

 

Darkorange

#FF8C00

 

LightSalmon

#FFA07A

 

Orange

#FFA500

 

LightPink

#FFB6C1

 

Pink

#FFC0CB

 

Gold

#FFD700

 

PeachPuff

#FFDAB9

 

NavajoWhite

#FFDEAD

 

Moccasin

#FFE4B5

 

Bisque

#FFE4C4

 

MistyRose

#FFE4E1

 

BlanchedAlmond

#FFEBCD

 

PapayaWhip

#FFEFD5

 

LavenderBlush

#FFF0F5

 

SeaShell

#FFF5EE

 

Cornsilk

#FFF8DC

 

LemonChiffon

#FFFACD

 

FloralWhite

#FFFAF0

 

Snow

#FFFAFA

 

Yellow

#FFFF00

 

LightYellow

#FFFFE0

 

Ivory

#FFFFF0

 

White

#FFFFFF

 

HTML цвета. Имена цветов HTML, CSS, SVG.

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

Значения цвета в HTML может быть задано одним из следующих способов.

  • RGB:
    в шестнадцатеричном коде (hex): #008800 или его сокращенном написании: #080.
    в процентах: rgb(80%, 20%, 30%),
    числами от 0 до 255: rgb(240, 120, 10).
  • По имени:
    Teal или teal (регистр значения не имеет).
  • HSL:
    в процентах: hsl(195, 60%, 40%).
Стандарт W3C HTML 4.01 определяет имена 16 цветов:
ИмяR G BH S L
white#ffffff255, 255, 2550°, 0%, 100%
silver#c0c0c0192, 192, 1920°, 0%, 75%
gray#808080128, 128, 1280°, 0%, 50%
black#0000000, 0, 00°, 0%, 0%
red#ff0000255, 0, 00°, 100%, 50%
maroon#800000128, 0, 00°, 100%, 25%
fuchsia#ff00ff255, 0, 255300°, 100%, 50%
purple#800080128, 0, 128300°, 100%, 25%
lime#00ff000, 100, 0120°, 100%, 50%
green#0080000, 128, 0120°, 100%, 25%
yellow#ffff00255, 255, 060°, 100%, 50%
olive#808000128, 128, 060°, 100%, 25%
aqua#00ffff0, 255, 255180°, 100%, 50%
teal#0080800, 128, 128180°, 100%, 25%
blue#0000ff0, 0, 255240°, 100%, 50%
navy#0000800, 0, 128240°, 100%, 25%

Согласно последним рекомендациям W3C, применение элементов и атрибутов HTML для указания цвета (к примеру: style="color: #0000ff;") устарело, и в качестве альтернативы предложено использовать каскадные таблицы стилей — CSS.

Имена цветов CSS, SVG.

В отличие от Html, в котором стандартными являются 16 цветов, спецификации CSS и SVG, определяют более расширенный список имен, состоящий из 147 названий. Однако, несмотря на наличие в списке сто сорока семи наименований, оригинальные значения имеют только 138, так как все серые цвета могут быть указаны как через «a», так и через «e» (grAy или grEy), а fuchsia и aqua имеют альтернативные имена: magenta и cyan соответственно (последние не поддерживаются HTML 4.01).

Приведенная ниже таблица представляет имена цветов и их значения в HSL и HEX. При использовании имен, следует помнить, что синтаксис SVG отличается от HTML и CSS: атрибут fill, к примеру, применяется как к цвету текста (color), так и объекта (background-color), а stroke используются для задания контура (обводки) элемента.

ИмяR G BH S L
white#ffffffhex0°, 0%, 100%
ivory#fffff0hex60°, 100%, 97%
lightyellow#ffffe0hex60°, 100%, 94%
yellow#ffff00hex60°, 100%, 50%
snow#fffafahex0°, 100%, 99%
floralwhite#fffaf0hex40°, 100%, 97%
lemonchiffon#fffacdhex54°, 100%, 90%
cornsilk#fff8dchex48°, 100%, 93%
seashell#fff5eehex25°, 100%, 97%
lavenderblush#fff0f5hex340°, 100%, 97%
papayawhip#ffefd5hex37°, 100%, 92%
blanchedalmond#ffebcdhex36°, 100%, 90%
mistyrose#ffe4e1hex6°, 100%, 94%
bisque#ffe4c4hex33°, 100%, 88%
moccasin#ffe4b5hex38°, 100%, 86%
navajowhite#ffdeadhex36°, 100%, 84%
peachpuff#ffdab9hex28°, 27%, 100%
gold#ffd700hex51°, 100%, 50%
pink#ffc0cbhex350°, 100%, 88%
lightpink#ffb6c1hex351°, 100%, 86%
orange#ffa500hex39°, 100%, 50%
lightsalmon#ffa07ahex17°, 100%, 74%
darkorange#ff8c00hex33°, 100%, 50%
coral#ff7f50hex16°, 100%, 66%
hotpink#ff69b4hex330°, 100%, 71%
tomato#ff6347hex9°, 100%, 64%
orangered#ff4500hex16°, 100%, 50%
deeppink#ff1493hex328°, 100%, 54%
magenta, fuchsia#ff00ffhex300°, 100%, 50%
red#ff0000hex0°, 100%, 50%
oldlace#fdf5e6hex39°, 85%, 95%
lightgoldenrodyellow#fafad2hex60°, 80%, 90%
linen#faf0e6hex30°, 67%, 94%
antiquewhite#faebd7hex34°, 78%, 91%
salmon#fa8072hex6°, 93%, 71%
ghostwhite#f8f8ffhex240°, 100%, 99%
mintcream#f5fffahex150°, 100%, 98%
whitesmoke#f5f5f5hex0°, 0%, 96%
beige#f5f5dchex60°, 56%, 91%
wheat#f5deb3hex39°, 77%, 83%
sandybrown#f4a460hex28°, 87%, 67%
azure#f0ffffhex180°, 100%, 97%
honeydew#f0fff0hex120°, 100%, 97%
aliceblue#f0f8ffhex208°, 100%, 97%
khaki#f0e68chex54°, 77%, 75%
lightcoral#f08080hex0°, 79%, 72%
palegoldenrod#eee8aahex55°, 67%, 80%
violet#ee82eehex300°, 76%, 72%
darksalmon#e9967ahex15°, 72%, 70%
lavender#e6e6fahex240°, 67%, 94%
lightcyan#e0ffffhex180°, 100%, 94%
burlywood#deb887hex34°, 57%, 70%
plum#dda0ddhex300°, 47%, 75%
gainsboro#dcdcdchex0°, 0%, 86%
crimson#dc143chex348°, 83%, 47%
palevioletred#db7093hex340°, 60%, 65%
goldenrod#daa520hex43°, 74%, 49%
orchid#da70d6hex302°, 59%, 65%
thistle#d8bfd8hex300°, 24%, 80%
lightgray, lightgrey#d3d3d3hex0°, 0%, 83%
tan#d2b48chex34°, 44%, 67%
chocolate#d2691ehex25°, 75%, 47%
peru#cd853fhex30°, 59%, 53%
indianred#cd5c5chex0°, 53%, 58%
mediumvioletred#c71585hex322°, 81%, 43%
silver#c0c0c0hex0°, 0%, 75%
darkkhaki#bdb76bhex56°, 38%, 58%
rosybrown#bc8f8fhex0°, 25%, 65%
mediumorchid#ba55d3hex288°, 59%, 58%
darkgoldenrod#b8860bhex43°, 89%, 38%
firebrick#b22222hex0°, 68%, 42%
powderblue#b0e0e6hex187°, 52%, 80%
lightsteelblue#b0c4dehex214°, 41%, 78%
paleturquoise#afeeeehex180°, 65%, 81%
greenyellow#adff2fhex84°, 100%, 59%
lightblue#add8e6hex195°, 53%, 79%
darkgray, darkgrey#a9a9a9hex0°, 0%, 66%
brown#a52a2ahex0°, 59%, 41%
sienna#a0522dhex19°, 56%, 40%
yellowgreen#9acd32hex80°, 61%, 50%
darkorchid#9932cchex280°, 61%, 50%
palegreen#98fb98hex120°, 93%, 79%
darkviolet#9400d3hex282°, 100%, 41%
mediumpurple#9370dbhex260°, 60%, 65%
lightgreen#90ee90hex120°, 73%, 75%
darkseagreen#8fbc8fhex120°, 25%, 65%
saddlebrown#8b4513hex25°, 76%, 31%
darkmagenta#8b008bhex300°, 100%, 27%
darkred#8b0000hex0°, 100%, 27%
blueviolet#8a2be2hex271°, 76%, 53%
lightskyblue#87cefahex203°, 92%, 76%
skyblue#87ceebhex197°, 71%, 73%
gray, grey#808080hex0°, 0%, 50%
olive#808000hex60°, 100%, 25%
purple#800080hex300°, 100%, 25%
maroon#800000hex0°, 100%, 25%
aquamarine#7fffd4hex160°, 100%, 75%
chartreuse#7fff00hex90°, 100%, 50%
lawngreen#7cfc00hex91°, 100%, 4%
mediumslateblue#7b68eehex249°, 80%, 67%
lightslategray, lightslategrey#778899hex210°, 14%, 53%
slategray или slategrey#708090hex210°, 13%, 50%
olivedrab#6b8e23hex80°, 61%, 35%
slateblue#6a5acdhex248°, 54%, 58%
dimgray, dimgrey#696969hex0°, 0%, 41%
mediumaquamarine#66cdaahex160°, 51%, 60%
rebeccapurple#663399hex270°, 50%, 40%
cornflowerblue#6495edhex219°, 79%, 66%
cadetblue#5f9ea0hex182°, 26%, 50%
darkolivegreen#556b2fhex82°, 39%, 30%
indigo#4b0082hex275°, 100%, 26%
mediumturquoise#48d1cchex178°, 60%, 55%
darkslateblue#483d8bhex249°, 39%, 39%
steelblue#4682b4hex207°, 44%, 49%
royalblue#4169e1hex225°, 73%, 57%
turquoise#40e0d0hex174°, 72%, 57%
mediumseagreen#3cb371hex147°, 50%, 47%
limegreen#32cd32hex120°, 61%, 50%
darkslategray, darkslategrey#2f4f4fhex180°, 25%, 25%
seagreen#2e8b57hex147°, 50%, 36%
forestgreen#228b22hex120°, 61%, 34%
lightseagreen#20b2aahex177°, 70%, 41%
dodgerblue#1e90ffhex210°, 100%, 56%
midnightblue#191970hex240°, 64%, 27%
aqua, cyan#00ffffhex180°, 100%, 50%
springgreen#00ff7fhex150°, 100%, 50%
lime#00ff00hex120°, 100%, 50%
mediumspringgreen#00fa9ahex157°, 100%, 49%
darkturquoise#00ced1hex181°, 100%, 41%
deepskyblue#00bfffhex195°, 100%, 50%
darkcyan#008b8bhex180°, 100%, 27%
teal#008080hex180°, 100%, 25%
green#008000hex120°, 100%, 25%
darkgreen#006400hex120°, 100%, 20%
blue#0000ffhex240°, 100%, 50%
mediumblue#0000cdhex240°, 100%, 40%
darkblue#00008bhex240°, 100%, 27%
navy#000080hex240°, 100%, 25%
black#000000hex0°, 0%, 0%

Для получения информации о других цветах и значениях в HEX, HEX8, RGB, RGB%, CMYK, HSL, HSV воспользуйтесь калькулятором цветов.

Цвета HTML
Цветовые модели

Таблица именованных HTML/CSS цветов (HEX, RGB, HSL)

В HTML и CSS возможно записать цвет несколькими способами. Одним из них является запись при помощи ключевого слова.

К сожалению, дать имена всем возможным цветам и оттенкам довольно трудоемкая задача и в нашем рапоряжении находится лишь небольшое количество ключевых слов (названий цветов).

В случаях когда у нужного цвета нет ключевого слова, можно воспользоваться альтернативной записью цвета, например: HEX, RGB или HSL.

Цвет:
HEX:#f0f8ff
RGB:rgb(240, 248, 255)
HSL:hsl(208, 100%, 97%)
Название:AliceBlue

Цвет:
HEX:#faebd7
RGB:rgb(250, 235, 215)
HSL:hsl(34, 78%, 91%)
Название:AntiqueWhite

Цвет:
HEX:#00ffff
RGB:rgb(0, 255, 255)
HSL:hsl(180, 100%, 50%)
Название:Aqua

Цвет:
HEX:#7fffd4
RGB:rgb(127, 255, 212)
HSL:hsl(160, 100%, 75%)
Название:Aquamarine

Цвет:
HEX:#f0ffff
RGB:rgb(240, 255, 255)
HSL:hsl(180, 100%, 97%)
Название:Azure

Цвет:
HEX:#f5f5dc
RGB:rgb(245, 245, 220)
HSL:hsl(60, 56%, 91%)
Название:Beige

Цвет:
HEX:#ffe4c4
RGB:rgb(255, 228, 196)
HSL:hsl(33, 100%, 88%)
Название:Bisque

Цвет:
HEX:#000000
RGB:rgb(0, 0, 0)
HSL:hsl(0, 0%, 0%)
Название:Black

Цвет:
HEX:#ffebcd
RGB:rgb(255, 235, 205)
HSL:hsl(36, 100%, 90%)
Название:BlanchedAlmond

Цвет:
HEX:#0000ff
RGB:rgb(0, 0, 255)
HSL:hsl(240, 100%, 50%)
Название:Blue

Цвет:
HEX:#8a2be2
RGB:rgb(138, 43, 226)
HSL:hsl(271, 76%, 53%)
Название:BlueViolet

Цвет:
HEX:#a52a2a
RGB:rgb(165, 42, 42)
HSL:hsl(0, 59%, 41%)
Название:Brown

Цвет:
HEX:#deb887
RGB:rgb(222, 184, 135)
HSL:hsl(34, 57%, 70%)
Название:BurlyWood

Цвет:
HEX:#5f9ea0
RGB:rgb(95, 158, 160)
HSL:hsl(182, 25%, 50%)
Название:CadetBlue

Цвет:
HEX:#7fff00
RGB:rgb(127, 255, 0)
HSL:hsl(90, 100%, 50%)
Название:Chartreuse

Цвет:
HEX:#d2691e
RGB:rgb(210, 105, 30)
HSL:hsl(25, 75%, 47%)
Название:Chocolate

Цвет:
HEX:#ff7f50
RGB:rgb(255, 127, 80)
HSL:hsl(16, 100%, 66%)
Название:Coral

Цвет:
HEX:#6495ed
RGB:rgb(100, 149, 237)
HSL:hsl(219, 79%, 66%)
Название:CornflowerBlue

Цвет:
HEX:#fff8dc
RGB:rgb(255, 248, 220)
HSL:hsl(48, 100%, 93%)
Название:Cornsilk

Цвет:
HEX:#dc143c
RGB:rgb(220, 20, 60)
HSL:hsl(348, 83%, 47%)
Название:Crimson

Цвет:
HEX:#00ffff
RGB:rgb(0, 255, 255)
HSL:hsl(180, 100%, 50%)
Название:Cyan

Цвет:
HEX:#00008b
RGB:rgb(0, 0, 139)
HSL:hsl(240, 100%, 27%)
Название:DarkBlue

Цвет:
HEX:#008b8b
RGB:rgb(0, 139, 139)
HSL:hsl(180, 100%, 27%)
Название:DarkCyan

Цвет:
HEX:#b8860b
RGB:rgb(184, 134, 11)
HSL:hsl(43, 89%, 38%)
Название:DarkGoldenRod

Цвет:
HEX:#a9a9a9
RGB:rgb(169, 169, 169)
HSL:hsl(0, 0%, 66%)
Название:DarkGray

Цвет:
HEX:#a9a9a9
RGB:rgb(169, 169, 169)
HSL:hsl(0, 0%, 66%)
Название:DarkGrey

Цвет:
HEX:#006400
RGB:rgb(0, 100, 0)
HSL:hsl(120, 100%, 20%)
Название:DarkGreen

Цвет:
HEX:#bdb76b
RGB:rgb(189, 183, 107)
HSL:hsl(56, 38%, 58%)
Название:DarkKhaki

Цвет:
HEX:#8b008b
RGB:rgb(139, 0, 139)
HSL:hsl(300, 100%, 27%)
Название:DarkMagenta

Цвет:
HEX:#556b2f
RGB:rgb(85, 107, 47)
HSL:hsl(82, 39%, 30%)
Название:DarkOliveGreen

Цвет:
HEX:#ff8c00
RGB:rgb(255, 140, 0)
HSL:hsl(33, 100%, 50%)
Название:DarkOrange

Цвет:
HEX:#9932cc
RGB:rgb(153, 50, 204)
HSL:hsl(280, 61%, 50%)
Название:DarkOrchid

Цвет:
HEX:#8b0000
RGB:rgb(139, 0, 0)
HSL:hsl(0, 100%, 27%)
Название:DarkRed

Цвет:
HEX:#e9967a
RGB:rgb(233, 150, 122)
HSL:hsl(15, 72%, 70%)
Название:DarkSalmon

Цвет:
HEX:#8fbc8f
RGB:rgb(143, 188, 143)
HSL:hsl(120, 25%, 65%)
Название:DarkSeaGreen

Цвет:
HEX:#483d8b
RGB:rgb(72, 61, 139)
HSL:hsl(248, 39%, 39%)
Название:DarkSlateBlue

Цвет:
HEX:#2f4f4f
RGB:rgb(47, 79, 79)
HSL:hsl(180, 25%, 25%)
Название:DarkSlateGray

Цвет:
HEX:#2f4f4f
RGB:rgb(47, 79, 79)
HSL:hsl(180, 25%, 25%)
Название:DarkSlateGrey

Цвет:
HEX:#00ced1
RGB:rgb(0, 206, 209)
HSL:hsl(181, 100%, 41%)
Название:DarkTurquoise

Цвет:
HEX:#9400d3
RGB:rgb(148, 0, 211)
HSL:hsl(282, 100%, 41%)
Название:DarkViolet

Цвет:
HEX:#ff1493
RGB:rgb(255, 20, 147)
HSL:hsl(328, 100%, 54%)
Название:DeepPink

Цвет:
HEX:#00bfff
RGB:rgb(0, 191, 255)
HSL:hsl(195, 100%, 50%)
Название:DeepSkyBlue

Цвет:
HEX:#696969
RGB:rgb(105, 105, 105)
HSL:hsl(0, 0%, 41%)
Название:DimGray

Цвет:
HEX:#696969
RGB:rgb(105, 105, 105)
HSL:hsl(0, 0%, 41%)
Название:DimGrey

Цвет:
HEX:#1e90ff
RGB:rgb(30, 144, 255)
HSL:hsl(210, 100%, 56%)
Название:DodgerBlue

Цвет:
HEX:#b22222
RGB:rgb(178, 34, 34)
HSL:hsl(0, 68%, 42%)
Название:FireBrick

Цвет:
HEX:#fffaf0
RGB:rgb(255, 250, 240)
HSL:hsl(40, 100%, 97%)
Название:FloralWhite

Цвет:
HEX:#228b22
RGB:rgb(34, 139, 34)
HSL:hsl(120, 61%, 34%)
Название:ForestGreen

Цвет:
HEX:#ff00ff
RGB:rgb(255, 0, 255)
HSL:hsl(300, 100%, 50%)
Название:Fuchsia

Цвет:
HEX:#dcdcdc
RGB:rgb(220, 220, 220)
HSL:hsl(0, 0%, 86%)
Название:Gainsboro

Цвет:
HEX:#f8f8ff
RGB:rgb(248, 248, 255)
HSL:hsl(240, 100%, 99%)
Название:GhostWhite

Цвет:
HEX:#ffd700
RGB:rgb(255, 215, 0)
HSL:hsl(51, 100%, 50%)
Название:Gold

Цвет:
HEX:#daa520
RGB:rgb(218, 165, 32)
HSL:hsl(43, 74%, 49%)
Название:GoldenRod

Цвет:
HEX:#808080
RGB:rgb(128, 128, 128)
HSL:hsl(0, 0%, 50%)
Название:Gray

Цвет:
HEX:#808080
RGB:rgb(128, 128, 128)
HSL:hsl(0, 0%, 50%)
Название:Grey

Цвет:
HEX:#008000
RGB:rgb(0, 128, 0)
HSL:hsl(120, 100%, 25%)
Название:Green

Цвет:
HEX:#adff2f
RGB:rgb(173, 255, 47)
HSL:hsl(84, 100%, 59%)
Название:GreenYellow

Цвет:
HEX:#f0fff0
RGB:rgb(240, 255, 240)
HSL:hsl(120, 100%, 97%)
Название:HoneyDew

Цвет:
HEX:#ff69b4
RGB:rgb(255, 105, 180)
HSL:hsl(330, 100%, 71%)
Название:HotPink

Цвет:
HEX:#cd5c5c
RGB:rgb(205, 92, 92)
HSL:hsl(0, 53%, 58%)
Название:IndianRed

Цвет:
HEX:#4b0082
RGB:rgb(75, 0, 130)
HSL:hsl(275, 100%, 25%)
Название:Indigo

Цвет:
HEX:#fffff0
RGB:rgb(255, 255, 240)
HSL:hsl(60, 100%, 97%)
Название:Ivory

Цвет:
HEX:#f0e68c
RGB:rgb(240, 230, 140)
HSL:hsl(54, 77%, 75%)
Название:Khaki

Цвет:
HEX:#e6e6fa
RGB:rgb(230, 230, 250)
HSL:hsl(240, 67%, 94%)
Название:Lavender

Цвет:
HEX:#fff0f5
RGB:rgb(255, 240, 245)
HSL:hsl(340, 100%, 97%)
Название:LavenderBlush

Цвет:
HEX:#7cfc00
RGB:rgb(124, 252, 0)
HSL:hsl(90, 100%, 49%)
Название:LawnGreen

Цвет:
HEX:#fffacd
RGB:rgb(255, 250, 205)
HSL:hsl(54, 100%, 90%)
Название:LemonChiffon

Цвет:
HEX:#add8e6
RGB:rgb(173, 216, 230)
HSL:hsl(195, 53%, 79%)
Название:LightBlue

Цвет:
HEX:#f08080
RGB:rgb(240, 128, 128)
HSL:hsl(0, 79%, 72%)
Название:LightCoral

Цвет:
HEX:#e0ffff
RGB:rgb(224, 255, 255)
HSL:hsl(180, 100%, 94%)
Название:LightCyan

Цвет:
HEX:#fafad2
RGB:rgb(250, 250, 210)
HSL:hsl(60, 80%, 90%)
Название:LightGoldenRodYellow

Цвет:
HEX:#d3d3d3
RGB:rgb(211, 211, 211)
HSL:hsl(0, 0%, 83%)
Название:LightGray

Цвет:
HEX:#d3d3d3
RGB:rgb(211, 211, 211)
HSL:hsl(0, 0%, 83%)
Название:LightGrey

Цвет:
HEX:#90ee90
RGB:rgb(144, 238, 144)
HSL:hsl(120, 73%, 75%)
Название:LightGreen

Цвет:
HEX:#ffb6c1
RGB:rgb(255, 182, 193)
HSL:hsl(351, 100%, 86%)
Название:LightPink

Цвет:
HEX:#ffa07a
RGB:rgb(255, 160, 122)
HSL:hsl(17, 100%, 74%)
Название:LightSalmon

Цвет:
HEX:#20b2aa
RGB:rgb(32, 178, 170)
HSL:hsl(177, 70%, 41%)
Название:LightSeaGreen

Цвет:
HEX:#87cefa
RGB:rgb(135, 206, 250)
HSL:hsl(203, 92%, 75%)
Название:LightSkyBlue

Цвет:
HEX:#778899
RGB:rgb(119, 136, 153)
HSL:hsl(210, 14%, 53%)
Название:LightSlateGray

Цвет:
HEX:#778899
RGB:rgb(119, 136, 153)
HSL:hsl(210, 14%, 53%)
Название:LightSlateGrey

Цвет:
HEX:#b0c4de
RGB:rgb(176, 196, 222)
HSL:hsl(214, 41%, 78%)
Название:LightSteelBlue

Цвет:
HEX:#ffffe0
RGB:rgb(255, 255, 224)
HSL:hsl(60, 100%, 94%)
Название:LightYellow

Цвет:
HEX:#00ff00
RGB:rgb(0, 255, 0)
HSL:hsl(120, 100%, 50%)
Название:Lime

Цвет:
HEX:#32cd32
RGB:rgb(50, 205, 50)
HSL:hsl(120, 61%, 50%)
Название:LimeGreen

Цвет:
HEX:#faf0e6
RGB:rgb(250, 240, 230)
HSL:hsl(30, 67%, 94%)
Название:Linen

Цвет:
HEX:#ff00ff
RGB:rgb(255, 0, 255)
HSL:hsl(300, 100%, 50%)
Название:Magenta

Цвет:
HEX:#800000
RGB:rgb(128, 0, 0)
HSL:hsl(0, 100%, 25%)
Название:Maroon

Цвет:
HEX:#66cdaa
RGB:rgb(102, 205, 170)
HSL:hsl(160, 51%, 60%)
Название:MediumAquaMarine

Цвет:
HEX:#0000cd
RGB:rgb(0, 0, 205)
HSL:hsl(240, 100%, 40%)
Название:MediumBlue

Цвет:
HEX:#ba55d3
RGB:rgb(186, 85, 211)
HSL:hsl(288, 59%, 58%)
Название:MediumOrchid

Цвет:
HEX:#9370db
RGB:rgb(147, 112, 219)
HSL:hsl(260, 60%, 65%)
Название:MediumPurple

Цвет:
HEX:#3cb371
RGB:rgb(60, 179, 113)
HSL:hsl(147, 50%, 47%)
Название:MediumSeaGreen

Цвет:
HEX:#7b68ee
RGB:rgb(123, 104, 238)
HSL:hsl(249, 80%, 67%)
Название:MediumSlateBlue

Цвет:
HEX:#00fa9a
RGB:rgb(0, 250, 154)
HSL:hsl(157, 100%, 49%)
Название:MediumSpringGreen

Цвет:
HEX:#48d1cc
RGB:rgb(72, 209, 204)
HSL:hsl(178, 60%, 55%)
Название:MediumTurquoise

Цвет:
HEX:#c71585
RGB:rgb(199, 21, 133)
HSL:hsl(322, 81%, 43%)
Название:MediumVioletRed

Цвет:
HEX:#191970
RGB:rgb(25, 25, 112)
HSL:hsl(240, 64%, 27%)
Название:MidnightBlue

Цвет:
HEX:#f5fffa
RGB:rgb(245, 255, 250)
HSL:hsl(150, 100%, 98%)
Название:MintCream

Цвет:
HEX:#ffe4e1
RGB:rgb(255, 228, 225)
HSL:hsl(6, 100%, 94%)
Название:MistyRose

Цвет:
HEX:#ffe4b5
RGB:rgb(255, 228, 181)
HSL:hsl(38, 100%, 85%)
Название:Moccasin

Цвет:
HEX:#ffdead
RGB:rgb(255, 222, 173)
HSL:hsl(36, 100%, 84%)
Название:NavajoWhite

Цвет:
HEX:#000080
RGB:rgb(0, 0, 128)
HSL:hsl(240, 100%, 25%)
Название:Navy

Цвет:
HEX:#fdf5e6
RGB:rgb(253, 245, 230)
HSL:hsl(39, 85%, 95%)
Название:OldLace

Цвет:
HEX:#808000
RGB:rgb(128, 128, 0)
HSL:hsl(60, 100%, 25%)
Название:Olive

Цвет:
HEX:#6b8e23
RGB:rgb(107, 142, 35)
HSL:hsl(80, 60%, 35%)
Название:OliveDrab

Цвет:
HEX:#ffa500
RGB:rgb(255, 165, 0)
HSL:hsl(39, 100%, 50%)
Название:Orange

Цвет:
HEX:#ff4500
RGB:rgb(255, 69, 0)
HSL:hsl(16, 100%, 50%)
Название:OrangeRed

Цвет:
HEX:#da70d6
RGB:rgb(218, 112, 214)
HSL:hsl(302, 59%, 65%)
Название:Orchid

Цвет:
HEX:#eee8aa
RGB:rgb(238, 232, 170)
HSL:hsl(55, 67%, 80%)
Название:PaleGoldenRod

Цвет:
HEX:#98fb98
RGB:rgb(152, 251, 152)
HSL:hsl(120, 93%, 79%)
Название:PaleGreen

Цвет:
HEX:#afeeee
RGB:rgb(175, 238, 238)
HSL:hsl(180, 65%, 81%)
Название:PaleTurquoise

Цвет:
HEX:#db7093
RGB:rgb(219, 112, 147)
HSL:hsl(340, 60%, 65%)
Название:PaleVioletRed

Цвет:
HEX:#ffefd5
RGB:rgb(255, 239, 213)
HSL:hsl(37, 100%, 92%)
Название:PapayaWhip

Цвет:
HEX:#ffdab9
RGB:rgb(255, 218, 185)
HSL:hsl(28, 100%, 86%)
Название:PeachPuff

Цвет:
HEX:#cd853f
RGB:rgb(205, 133, 63)
HSL:hsl(30, 59%, 53%)
Название:Peru

Цвет:
HEX:#ffc0cb
RGB:rgb(255, 192, 203)
HSL:hsl(350, 100%, 88%)
Название:Pink

Цвет:
HEX:#dda0dd
RGB:rgb(221, 160, 221)
HSL:hsl(300, 47%, 75%)
Название:Plum

Цвет:
HEX:#b0e0e6
RGB:rgb(176, 224, 230)
HSL:hsl(187, 52%, 80%)
Название:PowderBlue

Цвет:
HEX:#800080
RGB:rgb(128, 0, 128)
HSL:hsl(300, 100%, 25%)
Название:Purple

Цвет:
HEX:#663399
RGB:rgb(102, 51, 153)
HSL:hsl(270, 50%, 40%)
Название:RebeccaPurple

Цвет:
HEX:#ff0000
RGB:rgb(255, 0, 0)
HSL:hsl(0, 100%, 50%)
Название:Red

Цвет:
HEX:#bc8f8f
RGB:rgb(188, 143, 143)
HSL:hsl(0, 25%, 65%)
Название:RosyBrown

Цвет:
HEX:#4169e1
RGB:rgb(65, 105, 225)
HSL:hsl(225, 73%, 57%)
Название:RoyalBlue

Цвет:
HEX:#8b4513
RGB:rgb(139, 69, 19)
HSL:hsl(25, 76%, 31%)
Название:SaddleBrown

Цвет:
HEX:#fa8072
RGB:rgb(250, 128, 114)
HSL:hsl(6, 93%, 71%)
Название:Salmon

Цвет:
HEX:#f4a460
RGB:rgb(244, 164, 96)
HSL:hsl(28, 87%, 67%)
Название:SandyBrown

Цвет:
HEX:#2e8b57
RGB:rgb(46, 139, 87)
HSL:hsl(146, 50%, 36%)
Название:SeaGreen

Цвет:
HEX:#fff5ee
RGB:rgb(255, 245, 238)
HSL:hsl(25, 100%, 97%)
Название:SeaShell

Цвет:
HEX:#a0522d
RGB:rgb(160, 82, 45)
HSL:hsl(19, 56%, 40%)
Название:Sienna

Цвет:
HEX:#c0c0c0
RGB:rgb(192, 192, 192)
HSL:hsl(0, 0%, 75%)
Название:Silver

Цвет:
HEX:#87ceeb
RGB:rgb(135, 206, 235)
HSL:hsl(197, 71%, 73%)
Название:SkyBlue

Цвет:
HEX:#6a5acd
RGB:rgb(106, 90, 205)
HSL:hsl(248, 53%, 58%)
Название:SlateBlue

Цвет:
HEX:#708090
RGB:rgb(112, 128, 144)
HSL:hsl(210, 13%, 50%)
Название:SlateGray

Цвет:
HEX:#708090
RGB:rgb(112, 128, 144)
HSL:hsl(210, 13%, 50%)
Название:SlateGrey

Цвет:
HEX:#fffafa
RGB:rgb(255, 250, 250)
HSL:hsl(0, 100%, 99%)
Название:Snow

Цвет:
HEX:#00ff7f
RGB:rgb(0, 255, 127)
HSL:hsl(150, 100%, 50%)
Название:SpringGreen

Цвет:
HEX:#4682b4
RGB:rgb(70, 130, 180)
HSL:hsl(207, 44%, 49%)
Название:SteelBlue

Цвет:
HEX:#d2b48c
RGB:rgb(210, 180, 140)
HSL:hsl(34, 44%, 69%)
Название:Tan

Цвет:
HEX:#008080
RGB:rgb(0, 128, 128)
HSL:hsl(180, 100%, 25%)
Название:Teal

Цвет:
HEX:#d8bfd8
RGB:rgb(216, 191, 216)
HSL:hsl(300, 24%, 80%)
Название:Thistle

Цвет:
HEX:#ff6347
RGB:rgb(255, 99, 71)
HSL:hsl(9, 100%, 64%)
Название:Tomato

Цвет:
HEX:#40e0d0
RGB:rgb(64, 224, 208)
HSL:hsl(174, 72%, 56%)
Название:Turquoise

Цвет:
HEX:#ee82ee
RGB:rgb(238, 130, 238)
HSL:hsl(300, 76%, 72%)
Название:Violet

Цвет:
HEX:#f5deb3
RGB:rgb(245, 222, 179)
HSL:hsl(39, 77%, 83%)
Название:Wheat

Цвет:
HEX:#ffffff
RGB:rgb(255, 255, 255)
HSL:hsl(0, 0%, 100%)
Название:White

Цвет:
HEX:#f5f5f5
RGB:rgb(245, 245, 245)
HSL:hsl(0, 0%, 96%)
Название:WhiteSmoke

Цвет:
HEX:#ffff00
RGB:rgb(255, 255, 0)
HSL:hsl(60, 100%, 50%)
Название:Yellow

Цвет:
HEX:#9acd32
RGB:rgb(154, 205, 50)
HSL:hsl(80, 61%, 50%)
Название:YellowGreen

Таблица кодировок цветов HTML . Таблица цветов CSS.  HTML safe Color Codes. «Безопасные» цвета HTML. Палитра цветов HTML

Справочно: спецсимволы HTML

Таблица цветов HTML . Таблица цветов CSS.  HTML safe Color Codes. «Безопасные» цвета HTML. Палитра цветов HTML.

Сперва брузеры не поддерживали никаких цветов, кроме 256 «безопсных»:

Цвет: Color Шестнадцатеричный код:
Hex code
(#RRGGBB)
Десятичный код:
Decimal code
(R,G,B)
HTML/CSS
цвет
#000000 rgb(0,0,0) black — черный
#000033 rgb(0,0,51)
#000066 rgb(0,0,102)
#000099 rgb(0,0,153)
#0000CC rgb(0,0,204)
#0000FF rgb(0,0,255) blue — синий
#003300 rgb(0,51,0)
#003333 rgb(0,51,51)
#003366 rgb(0,51,102)
#003399 rgb(0,51,153)
#0033CC rgb(0,51,204)
#0033FF rgb(0,51,255)
#006600 rgb(0,102,0)
#006633 rgb(0,102,51)
#006666 rgb(0,102,102)
#006699 rgb(0,102,153)
#0066CC rgb(0,102,204)
#0066FF rgb(0,102,255)
#009900 rgb(0,153,0)
#009933 rgb(0,153,51)
#009966 rgb(0,153,102)
#009999 rgb(0,153,153)
#0099CC rgb(0,153,204)
#0099FF rgb(0,153,255)
#00CC00 rgb(0,204,0)
#00CC33 rgb(0,204,51)
#00CC66 rgb(0,204,102)
#00CC99 rgb(0,204,153)
#00CCCC rgb(0,204,204)
#00CCFF rgb(0,204,255)
#00FF00 rgb(0,255,0) lime — лайм
#00FF33 rgb(0,255,51)
#00FF66 rgb(0,255,102)
#00FF99 rgb(0,255,153)
#00FFCC rgb(0,255,204)
#00FFFF rgb(0,255,255) cyan — цвет морской волны (бирюза)
#330000 rgb(51,0,0)
#330033 rgb(51,0,51)
#330066 rgb(51,0,102)
#330099 rgb(51,0,153)
#3300CC rgb(51,0,204)
#3300FF rgb(51,0,255)
#333300 rgb(51,51,0)
#333333 rgb(51,51,51)
#333366 rgb(51,51,102)
#333399 rgb(51,51,153)
#3333CC rgb(51,51,204)
#3333FF rgb(51,51,255)
#336600 rgb(51,102,0)
#336633 rgb(51,102,51)
#336666 rgb(51,102,102)
#336699 rgb(51,102,153)
#3366CC rgb(51,102,204)
#3366FF rgb(51,102,255)
#339900 rgb(51,153,0)
#339933 rgb(51,153,51)
#339966 rgb(51,153,102)
#339999 rgb(51,153,153)
#3399CC rgb(51,153,204)
#3399FF rgb(51,153,255)
#33CC00 rgb(51,204,0)
#33CC33 rgb(51,204,51)
#33CC66 rgb(51,204,102)
#33CC99 rgb(51,204,153)
#33CCCC rgb(51,204,204)
#33CCFF rgb(51,204,255)
#33FF00 rgb(51,255,0)
#33FF33 rgb(51,255,51)
#33FF66 rgb(51,255,102)
#33FF99 rgb(51,255,153)
#33FFCC rgb(51,255,204)
#33FFFF rgb(51,255,255)
#660000 rgb(102,0,0)
#660033 rgb(102,0,51)
#660066 rgb(102,0,102)
#660099 rgb(102,0,153)
#6600CC rgb(102,0,204)
#6600FF rgb(102,0,255)
#663300 rgb(102,51,0)
#663333 rgb(102,51,51)
#663366 rgb(102,51,102)
#663399 rgb(102,51,153)
#6633CC rgb(102,51,204)
#6633FF rgb(102,51,255)
#666600 rgb(102,102,0)
#666633 rgb(102,102,51)
#666666 rgb(102,102,102)
#666699 rgb(102,102,153)
#6666CC rgb(102,102,204)
#6666FF rgb(102,102,255)
#669900 rgb(102,153,0)
#669933 rgb(102,153,51)
#669966 rgb(102,153,102)
#669999 rgb(102,153,153)
#6699CC rgb(102,153,204)
#6699FF rgb(102,153,255)
#66CC00 rgb(102,204,0)
#66CC33 rgb(102,204,51)
#66CC66 rgb(102,204,102)
#66CC99 rgb(102,204,153)
#66CCCC rgb(102,204,204)
#66CCFF rgb(102,204,255)
#66FF00 rgb(102,255,0)
#66FF33 rgb(102,255,51)
#66FF66 rgb(102,255,102)
#66FF99 rgb(102,255,153)
#66FFCC rgb(102,255,204)
#66FFFF rgb(102,255,255)
#990000 rgb(153,0,0)
#990033 rgb(153,0,51)
#990066 rgb(153,0,102)
#990099 rgb(153,0,153)
#9900CC rgb(153,0,204)
#9900FF rgb(153,0,255)
#993300 rgb(153,51,0)
#993333 rgb(153,51,51)
#993366 rgb(153,51,102)
#993399 rgb(153,51,153)
#9933CC rgb(153,51,204)
#9933FF rgb(153,51,255)
#996600 rgb(153,102,0)
#996633 rgb(153,102,51)
#996666 rgb(153,102,102)
#996699 rgb(153,102,153)
#9966CC rgb(153,102,204)
#9966FF rgb(153,102,255)
#999900 rgb(153,153,0)
#999933 rgb(153,153,51)
#999966 rgb(153,153,102)
#999999 rgb(153,153,153)
#9999CC rgb(153,153,204)
#9999FF rgb(153,153,255)
#99CC00 rgb(153,204,0)
#99CC33 rgb(153,204,51)
#99CC66 rgb(153,204,102)
#99CC99 rgb(153,204,153)
#99CCCC rgb(153,204,204)
#99CCFF rgb(153,204,255)
#99FF00 rgb(153,255,0)
#99FF33 rgb(153,255,51)
#99FF66 rgb(153,255,102)
#99FF99 rgb(153,255,153)
#99FFCC rgb(153,255,204)
#99FFFF rgb(153,255,255)
#CC0000 rgb(204,0,0)
#CC0033 rgb(204,0,51)
#CC0066 rgb(204,0,102)
#CC0099 rgb(204,0,153)
#CC00CC rgb(204,0,204)
#CC00FF rgb(204,0,255)
#CC3300 rgb(204,51,0)
#CC3333 rgb(204,51,51)
#CC3366 rgb(204,51,102)
#CC3399 rgb(204,51,153)
#CC33CC rgb(204,51,204)
#CC33FF rgb(204,51,255)
#CC6600 rgb(204,102,0)
#CC6633 rgb(204,102,51)
#CC6666 rgb(204,102,102)
#CC6699 rgb(204,102,153)
#CC66CC rgb(204,102,204)
#CC66FF rgb(204,102,255)
#CC9900 rgb(204,153,0)
#CC9933 rgb(204,153,51)
#CC9966 rgb(204,153,102)
#CC9999 rgb(204,153,153)
#CC99CC rgb(204,153,204)
#CC99FF rgb(204,153,255)
#CCCC00 rgb(204,204,0)
#CCCC33 rgb(204,204,51)
#CCCC66 rgb(204,204,102)
#CCCC99 rgb(204,204,153)
#CCCCCC rgb(204,204,204)
#CCCCFF rgb(204,204,255)
#CCFF00 rgb(204,255,0)
#CCFF33 rgb(204,255,51)
#CCFF66 rgb(204,255,102)
#CCFF99 rgb(204,255,153)
#CCFFCC rgb(204,255,204)
#CCFFFF rgb(204,255,255)
#FF0000 rgb(255,0,0) red — красный
#FF0033 rgb(255,0,51)
#FF0066 rgb(255,0,102)
#FF0099 rgb(255,0,153)
#FF00CC rgb(255,0,204)
#FF00FF rgb(255,0,255) magenta, fuchsia — пурпурный = фуксин
#FF3300 rgb(255,51,0)
#FF3333 rgb(255,51,51)
#FF3366 rgb(255,51,102)
#FF3399 rgb(255,51,153)
#FF33CC rgb(255,51,204)
#FF33FF rgb(255,51,255)
#FF6600 rgb(255,102,0)
#FF6633 rgb(255,102,51)
#FF6666 rgb(255,102,102)
#FF6699 rgb(255,102,153)
#FF66CC rgb(255,102,204)
#FF66FF rgb(255,102,255)
#FF9900 rgb(255,153,0)
#FF9933 rgb(255,153,51)
#FF9966 rgb(255,153,102)
#FF9999 rgb(255,153,153)
#FF99CC rgb(255,153,204)
#FF99FF rgb(255,153,255)
#FFCC00 rgb(255,204,0)
#FFCC33 rgb(255,204,51)
#FFCC66 rgb(255,204,102)
#FFCC99 rgb(255,204,153)
#FFCCCC rgb(255,204,204)
#FFCCFF rgb(255,204,255)
#FFFF00 rgb(255,255,0) yellow-желтый
#FFFF33 rgb(255,255,51)
#FFFF66 rgb(255,255,102)
#FFFF99 rgb(255,255,153)
#FFFFCC rgb(255,255,204)
#FFFFFF rgb(255,255,255) white-белый

Безопасные цвета HTML (safe web RGB Red-красный, Green-зеленый, и Blue-синий) цвета — это комбинация из шестнадцатеричных чисел:

  • 00 — нет цвета
  • 33
  • 66
  • 99
  • CC
  • FF- полный цвет

Число комбинаций из 6 по 3:

63 = 216 «безопасных» цветов

Таблица цветов

Таблица цветов

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

,228,228ED DarkTurquoise Sky 900,233 900,1E90 281048 9014 033 LightSteelBlue Синий 900,233 # 7A67EESlateBlue3 Сталь 63B8FF 900FFFF 00C5CD
Таблица цветов — оттенки синего
пример цвета X11 название цвета Hex RGB
верхняя часть
AliceBlue # F033F8FF
240,248,255 240,248,255 BlueViolet # 8A2BE2 138,43,226
CadetBlue # 5F9EA0 95,158,160
CadetBlue1 # 98F5FFEE
152,245 Blue # 98F5FFEE
152,245 Blue 142,229,238
CadetBlue3 # 7AC5CD 122,197,205
CadetBlue4 # 53868B 83,134,139
ED
DarkBlue # 00008B 0,0,139
DarkCyan # 008B8B 0,139,139
DarkSlateBlue # 483D8B
72,61,139
# 00CED1 0,206,209
DeepSkyBlue # 00BFFF 0,191,255
DeepSkyBlue1 # 00BFFF33 0,18B0,18
DeepSkyBlue3 # 009ACD 0,154,205
DeepSkyBlue4 # 00688B 0,104,139
DodgerBlue
DodgerBlue1 # 1E90FF 30,144,255
DodgerBlue2 # 1C86EE 28,134,238
2013 DodgerBlue3 # 1874CD
24,134,238 # 1874CD
24,144,238 16,78,139
LightBlue # ADD8E6 173,216,230
LightBlue1 #BFEFFF 191,239,255
,239,255
LightBlue # B2D LightBlue3 # 9AC0CD 154,192,205
LightBlue4 # 68838B 104,131,139
LightCyan # E0FF33FF 224,255,255 224,255,255

htCyan1

# E0FFFF 224,255,255
LightCyan2 # D1EEEE 209,238,238
LightCyan3 # B4CD23 180,205,205 180,205,205 900Cyan 180,205,205 900Cyan
LightSkyBlue # 87CEFA 135,206,250
LightSkyBlue1 # B0E2FF 176,226,255
LightSkyBlue 9002 900,226,255 LightSkyBlue 9002 900,26 # A4D LightSkyBlue 9002 900,229 # 8DB6CD 141,182,205
LightSkyBlue4 # 607B8B 96,123,139
LightSlateBlue # 8470FF 132,112,255
# B0C4DE 176,196,222
LightSteelBlue1 # CAE1FF 202,225,255
18225255
LightSteelBlue2 # BCD2EE 162,181,205
LightSteelBlue4 # 6E7B8B 110,123,139
Средний Аквамарин # 66CDAA 102,205,170
900 MediumSlateBlue # 7B68EE 123,104,238
MediumTurquoise # 48D1CC 72,209,204
MidnightBlue # 1 25,25,112
NavyBlue # 000080 0,0,128
PaleTurquoise #AFEEEE 175,238,238
PaleTurquoise1 #BBFFFF
187,255,255 #AEEEEE 174,238,238
Бледно-бирюзовый3 # 96CDCD 150,205,205
Бледно-бирюзовый4 # 668B8B 9139,139 900,23
RoyalBlue # 4169E1 65,105,225
RoyalBlue1 # 4876FF 72,118,255
RoyalBlue2 # 436EEE,210 900
RoyalBlue3 # 3A5FCD 58,95,205
RoyalBlue4 # 27408B 39,64,139
SkyBlue # 87CEEB
135,206 SkyBlue1 # 87CEFF 135,206,255
SkyBlue2 # 7EC0EE 126,192,238
SkyBlue3 # 6CA6CD 108,16614205108,166145108,166145A
SlateBlue # 6A5ACD 106,90,205
SlateBlue1 # 836FFF 131,111,255
SlateBlue2 122EE # 6959CD 105,89,205
SlateBlue4 # 473C8B 71,60,139
SteelBlue # 4682B4 70,130,180
99,184,255
SteelBlue2 # 5CACEE 92,172,238
SteelBlue3 # 4F94CD 79,148,205
9148,205
SteelBlue
SteelBlue аквамарин # 7FFFD4 127,255,212
аквамарин1 # 7FFFD4 127,255,212
аквамарин2 # 76EEC6
118,238 118,238 # 66CDAA 102,205,170
аквамарин4 # 458B74 69,139,116
лазурный # F0FFFF 240,255,255
azure2 # E0EEEE 224,238,238
azure3 # C1CDCD 193,205,205
azure4 # 838B8B
131,139 синий 0000FF 0,0,255
синий1 # 0000FF 0,0,255
синий2 # 0000EE 0,0,238
синий3 # 0000CD 0,0,205
синий4 # 00008B 0,0,139
голубой # 00FFFF 0,255,255
голубой1 # 00FFFF 0,255,255
голубой # 00EEEE 0,238,238
голубой3 # 00CDCD 0,205,205
голубой4 # 008B8B 0,139,139
военно-морской флот 0000 #
бирюзовый # 40E0D0 64,224,208
бирюзовый1 # 00F5FF 0,245,255
бирюзовый2 # 00E5EE 0,229,238 0,197,205 9 0028
бирюзовый4 # 00868B 0,134,139
88 900,253 # F5,145900 33 # D2691E CD661D 91 043
Таблица цветов — оттенки коричневого
пример цвета X11 название цвета Hex RGB
верх
RosyBrown # BC8F8F
188,143,143 900 RosyBrown1 # FFC1C1 255,193,193
RosyBrown2 # EEB4B4 238,180,180
RosyBrown3
# CD9B9B
N CD9B9B
RoseyBrown 139,105,105
SaddleBrown # 8B4513 139,69,19
SandyBrown # F4A460 244,164,96
бежевый
коричневый # A52A2A 165,42,42
коричневый1 # FF4040 255,64,64
коричневый2 # EE3B3B 238,59, 59
коричневый3 # CD3333 205,51,51
коричневый4 # 8B2323 139,35,35
бурливуд # DEB887 222,184,135
burlywood1 # FFD39B 255,211,155
burlywood2 # EEC591 238,197,145
Burlywood125 Burlywood 12 CDA Burlywood 9 # 8B7355 139,115,85
шоколад 210,105,30
шоколад1 # FF7F24 255,127,36
шоколад2 # EE7621 238,118,33
# шоколад 205,102,29
шоколад4 # 8B4513 139,69,19
перу # CD853F 205,133,63
коричневый # D2B48C 210,180,140
tan1 # FFA54F 255,165,79
tan2 # EE9A49 238,154,73
# tan3 , 63
tan4 # 8B5A2B 139,90,43
900,253 900,253 SlateGray 0023 900 14 # 7A7A7A D # 8585185 985,185 00338686ED2ED2ED2 серый88 900,227 28,19023,19023 90 014 900 23 9 0033 92,92,92 серый46 серый 900 23
Таблица цветов — оттенки серого
пример цвета X11 название цвета Hex RGB
сверху
DarkSlateGray # 2F4F4F 900,79 47,79
DarkSlateGray1 # 97FFFF 151,255,255
DarkSlateGray2 # 8DEEEE 141,238,238
DarkSlateGray3 DarkSlateGray3 900,20 DarkSlateGray3 DarkSlateGray3 # 528B8B 82,139,139
DarkSlateGrey # 2F4F4F 47,79,79
DimGray # 6 105,105,105
Grey 105 105 105 90 028
LightGray # D3D3D3 211,211,211
LightGrey # D3D3D3 211,211,211
LightSlateGray 900,111,11 # 77 # 778899 119,136,153
SlateGray # 708090 112,128,144
SlateGray1 # C6E2FF 198,226,255
SlateGray3 # 9FB6CD 159,182,205
SlateGray4 # 6C7B8B 108,123,139
SlateGrey # 70,1280,198
серый #BEBEBE 190,190,190
серый 0 # 000000 0,0,0
серый1 # 030303 3,3,3
серый2 # 050505 5,5,5
серый3 # 080808 8,8,8
серый4 # 0A0A0A 10, 10,10
серый5 # 0D0D0D 13,13,13
серый6 # 0F0F0F 15,15,15
серый7 # 121212 18,18,18
серый8 # 141414 20,20,20
серый9 # 171717 23,23,23
серый 10 # 1A1A1A 26,26,26
серый11 # 1C1C1C 28,28,28
серый12 # 1F1F1F 31,31 , 31
серый 13 # 212121 33,33,33
серый14 # 242424 36,36,36
серый15 # 262626 38,38,38
серый16 # 2 41,41,41
серый17 # 2B2B2B 43,43,43
серый18 # 2E2E2E 46,46,46
серый19 # 303030 48,48,48
серый20 # 333333 51,51,51
серый21 # 363636 54,54,54
серый22 # 383838 56,56,56
серый23 # 3B3B3B 59, 59,59
серый 24 # 3D3D3D 61,61,61
серый25 # 404040 64,64,64
серый26 # 424242 66,66,66
серый 27 # 454545 69,69,69
серый 28 # 474747 71,71,71
серый29 # 4A4A4A 74,74,74
серый 30 # 4D4D4D 77,77,77
серый31 # 4F4F4F 79 , 79,79
серый 32 # 525252 82,82,82
серый 33 # 545454 84,84,84
серый34 # 575757 87,87,87
серый35 # 5
89,89,89
серый36 # 5C5C5C 92,92,92
серый37 # 5E5E 94,94,94
серый38 # 616161 97,97,97
серый39 # 636363 99,99,99
серый 40 # 666666 102,102,102
серый41 # 6 105,105,105
серый42 # 6B6B 6B 107,107,107
серый 43 # 6E6E6E 110,110,110
серый44 # 707070 112,112,112
серый45 900,112,112 # 7 серый46 # 757575 117,117,117
серый47 # 787878 120,120,120
серый48 # 7A7A7A 122,122,122
122,122,122
125,125,125
серый50 # 7F7F7F 127,127,127
серый51 # 828282 130,130,130
серый52
серый53 # 878787 135,135,135
серый 54 # 8A8A8A 138,138,138
серый55 # 8C8C8C 140,14014,140 140,14014,140 143,143,143
серый 57 #1 145,145,145
серый58 #4 148,148,148
серый60 #9 153,153,153
серый61 # 9C9C9C 156,156,156
серый62 # 9E9E9E 158,158,158 A1 028 161,161,161
серый64 # A3A3A3 163,163,163
серый65 # A6A6A6 166,166,166
166,166,166
серый66,166,166
A6 серый67 #ABABAB 171,171,171
серый68 #ADADAD 173,173,173
серый69 # B0B0B0 176,176,176
B0 B09 179,179,179
серый71 # B5B5B5 181,181,181
серый72 # B8B8B8 184,184,184
серый73 AB
серый73AB
серый74 #BDBDBD 189,189,189
серый75 #BFBFBF 191,191,191
серый76 # C2C2C2
19423,19433 # C2C2C2
19423,19433 196,196,196
серый78 # C7C7C7 199,199,199
серый79 # C9C9C9 201,201,201
серый80 CC CC 900 серый81 #CFCFCF 207,207,207
серый82 # D1D1D1 209,209,209
серый83 # D4D4D4 2121214212 214 214 214
серый85 # D9D9D9 217 217 217
серый86 #DBDBDB 219 219 219 219 219 219
# E0E0E0 224,224,224
серый89 # E3E3E3 227,227,227
серый90 # 229,229,229 E E 9
серый92 #EBEBEB 235,235,235
серый 93 #EDEDED 237 237 237
серый 94 # F0F0F0,240 серый 95 # F2F2F2 242,242,242
серый96 # F5F5F5 245,245,245
серый 97 # F7F7F7 247,2472328
247,247 2347 247,2472333 250,250,250
серый 99 #FCFCFC 252,252,252
серый 100 #FFFFFF 255,255,255
серый 19033
серый0 # 000000 0,0,0
серый1 # 030303 3,3,3
серый2 # 050505 5,5,5
серый3 # 080808 8,8,8
серый4 # 0A0A0A 10,10,10
серый5 # 0D0D0D 13,13,13
серый6 # 0F0F0F 15,13 , 15
серый7 # 121212 18,18,18
серый8 # 141414 20,20,20
серый9 # 171717 23,23,23
серый10 # 1A1A1A 26,26,26
серый11 # 1C1C1C 28,28,28
серый12 # 1F1F1F 31,31,31
серый13 # 212121 33,33,33
серый14 # 242424 36,36,36
серый15 # 262626 38,38,38
серый16 # 2 41,41,41
серый17 # 2B2B2B 43, 43,43
серый18 # 2E2E2E 46,46,46
серый19 # 303030 48,48,48
серый20 # 333333 51,51,51
серый21 # 363636 54,54,54
серый22 # 383838 56,56,56
серый23 # 3B3B3B 59,59,59
серый24 # 3D3D3D 61,61,61
серый25 # 404040 64,64,6 4
серый 26 # 424242 66,66,66
серый27 # 454545 69,69,69
серый28 # 474747 71,71,71
серый29 # 4A4A4A 74,74,74
серый30 # 4D4D4D 77,77,77
серый31 # 4F4F4F 79,79,79
серый32 # 525252 82,82,82
серый33 # 545454 84,84,84
серый34 # 575757 87,87,87
серый35 # 5
89,89,89
серый36 # 5C5C5C
серый37 # 5E5E 94,94,94
серый38 # 616161 97,97,97
серый39 # 636363 99,99,99
серый40 # 666666 102,102,102
серый41 # 6 105,105,105
B серый # 942 107,107,107
серый43 # 6E6E6E 110,110,110
серый44 # 707070 112,112,112
11533
# 757575 117,117,117
gre y47 # 787878 120,120,120
серый48 # 7A7A7A 122,122,122
серый49 # 7D7D7D 125,125,125
серый51 # 828282 130,130,130
серый52 # 858585 133,133,133
серый53 # 878787
135,135 серый # 8A8A8A 138,138,138
серый55 # 8C8C8C 140,140,140
серый56 # 8F8F8F 143,143,143
серый
  grey58 #4 148,148,148
  grey59 #6 150,150,150
  grey60 #9 153,153,153
  grey61 #9C9C9C 156,156,156
  grey62 #9E9E9E 158,158,158
  grey63 #A1A1A1 161,161,161
  grey64 #A3A3A3 163,163,163
  grey65 #A6A6A6 166,166,166
  grey66 #A8A8A8 168,168,168
  grey67 #ABABAB 171,171,171
  grey68 9 0028 #ADADAD 173,173,173
  grey69 #B0B0B0 176,176,176
  grey70 #B3B3B3 179,179,179
  grey71 #B5B5B5 181,181,181
  grey72 #B8B8B8 184,184,184
  grey73 #BABABA 186,186,186
  grey74 #BDBDBD 189,189,189
  grey75 #BFBFBF 191,191,191
  grey76 #C2C2C2 194,194,194
  grey77 #C4C4C4 196,196,196
  grey78 #C7C7C7 199,199,199
  grey79 #C9C9C9 201,201,201
  grey80 #CCCCCC 204,204,204
  grey81 #CFCFCF 207,207,207
  grey82 #D1D1D1 209,209,209
  grey83 #D4D4D4 212,212,212
  grey84 #D6D6D6 214,214,214
  grey85 #D9D9D9 217,217,217
  grey86 #DBDBDB 219,219,219
  grey87 #DEDEDE 222,222,222
  grey88 #E0E0E0 224,224,224
  grey89 #E3E3E3 227,227,227
  grey90 #E5E5E5 229,229,229
  grey91 #E8E8E8 232,232,232
  grey92 #EBEBEB 235,235,235
  grey93 #EDEDED 237,237,237
  grey94 #F0F0F0 240,240,240
  grey95 #F2F2F2 242,242,242
  grey96 #F5F5F5 245,245,245
  grey97 #F7F7F7 247,247,247
  grey98 #FAFAFA 250,250,250
  grey99 #FCFCFC 252,252,252
  grey100 #FFFFFF 255,255,255
Table of Color – shades of green
color example X11 color name Hex RGB
top
  DarkGreen #006400 0,100,0
  DarkKhaki #BDB76B 189,183,107
  DarkOliveGreen #556B2F 85,107,47
  DarkOliveGreen1 #CAFF70 202,255,112
  DarkOliveGreen2 #BCEE68 188,238,104
  DarkOliveGreen3 #A2CD5A 162,205,90
  DarkOliveGreen4 #6E8B3D 110,139,61
  DarkSeaGreen #8FBC8F 143,188,143
  DarkSeaGreen1 #C1FFC1 193,255,193
  DarkSeaGreen2 #B4EEB4 180,238,180
  DarkSeaGreen3 #9BCD9B 155,205,155
  DarkSeaGreen4 #698B69 105,139,105
  ForestGreen #228B22 34,139,34
  GreenYellow #ADFF2F 173,255,47
  LawnGreen #7CFC00 124,252,0
  LightGreen #90EE90 144,238,144
  LightSeaGreen #20B2AA 32,178,170
  LimeGreen #32CD32 50,205,50
  MediumSeaGreen #3CB371 60,179,113
  MediumSpringGreen #00FA9A 0,250,154
  MintCream #F5FFFA 245,255,250
  OliveDrab #6B8E23 107,142,35
  OliveDrab1 #C0FF3E 192,255,62
  OliveDrab2 #B3EE3A 179,238,58
  OliveDrab3 #9ACD32 154,205,50
  OliveDrab4 #698B22 105,139,34
  PaleGreen #98FB98 152,251,152
  PaleGreen1 #9AFF9A 154,255,154
  PaleGreen2 #90EE90 144,238,144
  PaleGreen3 #7CCD7C 124,205,124
  PaleGreen4 #548B54 84,139,84
  SeaGreen #2E8B57 46,139,87
  SeaGreen1 #54FF9F 84,255,159
  SeaGreen2 #4EEE94 78,238,148
  SeaGreen3 #43CD80 67,205,128
  SeaGreen4 #2E8B57 46,139,87
  SpringGreen #00FF7F 0,255,127
  SpringGreen1 #00FF7F 0,255,127
  SpringGreen2 #00EE76 0,238,118
  SpringGreen3 #00CD66 0,205,102
  SpringGreen4 #008B45 0,139,69
  YellowGreen #9ACD32 154,205,50
  chartreuse #7FFF00 127,255,0
  chartreuse1 #7FFF00 127,255,0
  chartreuse2 #76EE00 118,238,0
  chartreuse3 #66CD00 102,205,0
  chartreuse4 #458B00 69,139,0
  green #00FF00 0,255,0
  green1 #00FF00 0,255,0
  green2 #00EE00 0,238,0
  green3 #00CD00 0,205,0
  green4 #008B00 0,139,0
  khaki #F0E68C 240,230,140
  khaki1 #FFF68F 255,246,143
  khaki2 #EEE685 238,230,133
  khaki3 #CDC673 205,198,115
  khaki4 #8B864E 139,134,78
Table of Color – shades of orange
color example X11 color name Hex RGB
top
  DarkOrange #FF8C00 255,140,0
  DarkOrange1 #FF7F00 255,127,0
  DarkOrange2 #EE7600 238,118,0
  DarkOrange3 #CD6600 205,102,0
  DarkOrange4 #8B4500 139,69,0
  DarkSalmon #E9967A 233,150,122
  LightCoral #F08080 240,128,128
  LightSalmon #FFA07A 255,160,122
  LightSalmon1 #FFA07A 255,160,122
  LightSalmon2 #EE9572 238,149,114
  LightSalmon3 #CD8162 205,129,98
  LightSalmon4 #8B5742 139,87,66
  PeachPuff #FFDAB9 255,218,185
  PeachPuff1 #FFDAB9 255,218,185
  PeachPuff2 #EECBAD 238,203,173
  PeachPuff3 #CDAF95 205,175,149
  PeachPuff4 #8B7765 139,119,101
  bisque #FFE4C4 255,228,196
  bisque1 #FFE4C4 255,228,196
  bisque2 #EED5B7 238,213,183
  bisque3 #CDB79E 205,183,158
  bisque4 #8B7D6B 139,125,107
  coral #FF7F50 255,127,80
  coral1 #FF7256 255,114,86
  coral2 #EE6A50 238,106,80
  coral3 #CD5B45 205,91,69
  coral4 #8B3E2F 139,62,47
  honeydew #F0FFF0 240,255,240
  honeydew1 #F0FFF0 240,255,240
  honeydew2 #E0EEE0 224,238,224
  honeydew3 #C1CDC1 193,205,193
  honeydew4 #838B83 131,139,131
  orange #FFA500 255,165,0
  orange1 #FFA500 255,165,0
  orange2 #EE9A00 238,154,0
  orange3 #CD8500 205,133,0
  orange4 #8B5A00 139,90,0
  salmon #FA8072 250,128,114
  salmon1 #FF8C69 255,140,105
  salmon2 #EE8262 238,130,98
  salmon3 #CD7054 205,112,84
  salmon4 #8B4C39 139,76,57
  sienna #A0522D 160,82,45
  sienna1 #FF8247 255,130,71
  sienna2 #EE7942 238,121,66
  sienna3 #CD6839 205,104,57
  sienna4 #8B4726 139,71,38
Table of Color – shades of red
color example X11 color name Hex RGB
top
  DarkRed #8B0000 139,0,0
  DeepPink #FF1493 255,20,147
  DeepPink1 #FF1493 255,20,147
  DeepPink2 #EE1289 238,18,137
  DeepPink3 #CD1076 205,16,118
  DeepPink4 #8B0A50 139,10,80
  HotPink #FF69B4 255,105,180
  HotPink1 #FF6EB4 255,110,180
  HotPink2 #EE6AA7 238,106,167
  HotPink3 #CD6090 205,96,144
  HotPink4 #8B3A62 139,58,98
  IndianRed #CD5C5C 205,92,92
  IndianRed1 #FF6A6A 255,106,106
  IndianRed2 #EE6363 238,99,99
  IndianRed3 #CD5555 205,85,85
  IndianRed4 #8B3A3A 139,58,58
  LightPink #FFB6C1 255,182,193
  LightPink1 #FFAEB9 255,174,185
  LightPink2 #EEA2AD 238,162,173
  LightPink3 #CD8C95 205,140,149
  LightPink4 #8B5F65 139,95,101
  MediumVioletRed #C71585 199,21,133
  MistyRose #FFE4E1 255,228,225
  MistyRose1 #FFE4E1 255,228,225
  MistyRose2 #EED5D2 238,213,210
  MistyRose3 #CDB7B5 205,183,181
  MistyRose4 #8B7D7B 139,125,123
  OrangeRed #FF4500 255,69,0
  OrangeRed1 #FF4500 255,69,0
  OrangeRed2 #EE4000 238,64,0
  OrangeRed3 #CD3700 205,55,0
  OrangeRed4 #8B2500 139,37,0
  PaleVioletRed #DB7093 219,112,147
  PaleVioletRed1 #FF82AB 255,130,171
  PaleVioletRed2 #EE799F 238,121,159
  PaleVioletRed3 #CD6889 205,104,137
  PaleVioletRed4 #8B475D 139,71,93
  VioletRed #D02090 208,32,144
  VioletRed1 #FF3E96 255,62,150
  VioletRed2 #EE3A8C 238,58,140
  VioletRed3 #CD3278 205,50,120
  VioletRed4 #8B2252 139,34,82
  firebrick #B22222 178,34,34
  firebrick1 #FF3030 255,48,48
  firebrick2 #EE2C2C 238,44,44
  firebrick3 #CD2626 205,38,38
  firebrick4 #8B1A1A 139,26,26
  pink #FFC0CB 255,192,203
  pink1 #FFB5C5 255,181,197
  pink2 #EEA9B8 238,169,184
  pink3 #CD919E 205,145,158
  pink4 #8B636C 139,99,108
  red #FF0000 255,0,0
  red1 #FF0000 255,0,0
  red2 #EE0000 238,0,0
  red3 #CD0000 205,0,0
  red4 #8B0000 139,0,0
  tomato #FF6347 255,99,71
  tomato1 #FF6347 255,99,71
  tomato2 #EE5C42 238,92,66
  tomato3 #CD4F39 205,79,57
  tomato4 #8B3626 139,54,38
Table of Color – shades of violett
color example X11 color name Hex RGB
top
  DarkMagenta #8B008B 139,0,139
  DarkOrchid #9932CC 153,50,204
  DarkOrchid1 #BF3EFF 191,62,255
  DarkOrchid2 #B23AEE 178,58,238
  DarkOrchid3 #9A32CD 154,50,205
  DarkOrchid4 #68228B 104,34,139
  DarkViolet #9400D3 148,0,211
  LavenderBlush #FFF0F5 255,240,245
  LavenderBlush2 #FFF0F5 255,240,245
  LavenderBlush3 #EEE0E5 238,224,229
  LavenderBlush4 #CDC1C5 205,193,197
  LavenderBlush5 #8B8386 139,131,134
  MediumOrchid #BA55D3 186,85,211
  MediumOrchid1 #E066FF 224,102,255
  MediumOrchid2 #D15FEE 209,95,238
  MediumOrchid3 #B452CD 180,82,205
  MediumOrchid4 #7A378B 122,55,139
  MediumPurple #9370DB 147,112,219
  MediumPurple1 #AB82FF 171,130,255
  MediumPurple2 #9F79EE 159,121,238
  MediumPurple3 #8968CD 137,104,205
  MediumPurple4 #5D478B 93,71,139
  lavender #E6E6FA 230,230,250
  magenta #FF00FF 255,0,255
  magenta1 #FF00FF 255,0,255
  magenta2 #EE00EE 238,0,238
  magenta3 #CD00CD 205,0,205
  magenta4 #8B008B 139,0,139
  maroon #B03060 176,48,96
  maroon1 #FF34B3 255,52,179
  maroon2 #EE30A7 238,48,167
  maroon3 #CD2990 205,41,144
  maroon4 #8B1C62 139,28,98
  orchid #DA70D6 218,112,214
  orchid1 #FF83FA 255,131,250
  orchid2 #EE7AE9 238,122,233
  orchid3 #CD69C9 205,105,201
  orchid4 #8B4789 139,71,137
  plum #DDA0DD 221,160,221
  plum1 #FFBBFF 255,187,255
  plum2 #EEAEEE 238,174,238
  plum3 #CD96CD 205,150,205
  plum4 #8B668B 139,102,139
  purple #A020F0 160,32,240
  purple1 #9B30FF 155,48,255
  purple2 #912CEE 145,44,238
  purple3 #7D26CD 125,38,205
  purple4 #551A8B 85,26,139
  thistle #D8BFD8 216,191,216
  thistle1 #FFE1FF 255,225,255
  thistle2 #EED2EE 238,210,238
  thistle3 #CDB5CD 205,181,205
  thistle4 #8B7B8B 139,123,139
  violet #EE82EE 238,130,238
Table of Color – shades of white
color example X11 color name Hex RGB
top
  AntiqueWhite #FAEBD7 250,235,215
  AntiqueWhite1 #FFEFDB 255,239,219
  AntiqueWhite2 #EEDFCC 238,223,204
  AntiqueWhite3 #CDC0B0 205,192,176
  AntiqueWhite4 #8B8378 139,131,120
  FloralWhite #FFFAF0 255,250,240
  GhostWhite #F8F8FF 248,248,255
  NavajoWhite #FFDEAD 255,222,173
  NavajoWhite1 #FFDEAD 255,222,173
  NavajoWhite2 #EECFA1 238,207,161
  NavajoWhite3 #CDB38B 205,179,139
  NavajoWhite4 #8B795E 139,121,94
  OldLace #FDF5E6 253,245,230
  WhiteSmoke #F5F5F5 245,245,245
  gainsboro #DCDCDC 220,220,220
  ivory #FFFFF0 255,255,240
  ivory1 #FFFFF0 255,255,240
  ivory2 #EEEEE0 238,238,224
  ivory3 #CDCDC1 205,205,193
  ivory4 #8B8B83 139,139,131
  linen #FAF0E6 250,240,230
  seashell #FFF5EE 255,245,238
  seashell1 #FFF5EE 255,245,238
  seashell2 #EEE5DE 238,229,222
  seashell3 #CDC5BF 205,197,191
  seashell4 #8B8682 139,134,130
  snow #FFFAFA 255,250,250
  snow1 #FFFAFA 255,250,250
  snow2 #EEE9E9 238,233,233
  snow3 #CDC9C9 205,201,201
  snow4 #8B8989 139,137,137
  wheat #F5DEB3 245,222,179
  wheat1 #FFE7BA 255,231,186
  wheat2 #EED8AE 238,216,174
  wheat3 #CDBA96 205,186,150
  wheat4 #8B7E66 139,126,102
  white #FFFFFF 255,255,255
Table of Color – shades of yellow
color example X11 color name Hex RGB
top
  BlanchedAlmond #FFEBCD 255,235,205
  DarkGoldenrod #B8860B 184,134,11
  DarkGoldenrod1 #FFB90F 255,185,15
  DarkGoldenrod2 #EEAD0E 238,173,14
  DarkGoldenrod3 #CD950C 205,149,12
  DarkGoldenrod4 #8B6508 139,101,8
  LemonChiffon #FFFACD 255,250,205
  LemonChiffon1 #FFFACD 255,250,205
  LemonChiffon2 #EEE9BF 238,233,191
  LemonChiffon3 #CDC9A5 205,201,165
  LemonChiffon4 #8B8970 139,137,112
  LightGoldenrod #EEDD82 238,221,130
  LightGoldenrod1 #FFEC8B 255,236,139
  LightGoldenrod2 #EEDC82 238,220,130
  LightGoldenrod3 #CDBE70 205,190,112
  LightGoldenrod4 #8B814C 139,129,76
  LightGoldenrodYellow #FAFAD2 250,250,210
  LightYellow #FFFFE0 255,255,224
  LightYellow1 #FFFFE0 255,255,224
  LightYellow2 #EEEED1 238,238,209
  LightYellow3 #CDCDB4 205,205,180
  LightYellow4 #8B8B7A 139,139,122
  PaleGoldenrod #EEE8AA 238,232,170
  PapayaWhip #FFEFD5 255,239,213
  cornsilk #FFF8DC 255,248,220
  cornsilk1 #FFF8DC 255,248,220
  cornsilk2 #EEE8CD 238,232,205
  cornsilk3 #CDC8B1 205,200,177
  cornsilk4 #8B8878 139,136,120
  gold #FFD700 255,215,0
  gold1 #FFD700 255,215,0
  gold2 #EEC900 238,201,0
  gold3 #CDAD00 205,173,0
  gold4 #8B7500 139,117,0
  goldenrod #DAA520 218,165,32
  goldenrod1 #FFC125 255,193,37
  goldenrod2 #EEB422 238,180,34
  goldenrod3 #CD9B1D 205,155,29
  goldenrod4 #8B6914 139,105,20
  moccasin #FFE4B5 255,228,181
  yellow #FFFF00 255,255,0
  yellow1 #FFFF00 255,255,0
  yellow2 #EEEE00 238,238,0
  yellow3 #CDCD00 205,205,0
  yellow4 #8B8B00 139,139,0

Imprint / Privacy Statement

140 HTML colors with HEX, RGB codes and names

Using an RGB or HEX color code in HTML you can change the color of the text, background, url, font, table or the whole page.

Цвета в HTML #

Значение свойства color можно установить тремя основными способами:

  • по названию цвета, например, красный , зеленый , синий
  • шестнадцатеричным числом : от # 000000 до #ffffff
  • по коду цвета в палитре RGB: от rgb (0, 0, 0) до rgb (255, 255, 255)

Название цвет относительно простой. Единственное ограничение заключается в том, что мы должны выбрать цвет из нескольких предопределенных вариантов.

Стандартный набор цветов HTML состоит из 140 различных значений. Если вам нужен цвет, которого там нет, вам нужно будет использовать шестнадцатеричный формат (HEX-код) или RGB.

Цветовые коды HEX в HTML #

Шестнадцатеричный код всегда начинается с # , за которым следует 3-байтовое шестнадцатеричное число (всего 6 цифр). Каждый байт отвечает за интенсивность одного из трех основных цветов: первый отвечает за интенсивность красного, второй — для зеленого и третий — для синего:

Значение 00 является самой низкой интенсивностью, FF — самый высокий.Например, чтобы получить белый цвет, нужно «смешать» три основных цвета с максимальной интенсивностью: #FFFFFF . Для получения черного цвета интенсивность всех цветов должна быть минимальной: # 000000 .

— То же, что и в классе рисования — чтобы получить любой цвет, вам просто нужно смешать красный, синий и зеленый.

— Именно так. Чтобы получить красный цвет, нужно установить максимальное значение для байта, отвечающего за красный цвет, а для остальных — минимальное: ## FF0000 .

— Тогда для зеленого будет шестнадцатеричный код: # 00FF00

Палитра цветов HTML HTML #

В палитре RGB цвета смешиваются аналогичным образом, смешивая интенсивность красного и зеленого , и синие цвета. Отсюда и сокращение RGB. Здесь только интенсивность устанавливается числами 0 из 255, где 0 — самая низкая интенсивность, 255 — самая высокая. Например, зеленый цвет будет выглядеть так: rgb (0, 255, 0) ;

Все эти значения подходят для других ситуаций, когда необходим цвет, например, в background-color .

Таблица 140 цветов HTML с именами и кодами (строка, HEX, rgb) #

В этой таблице вы найдете все цвета, которые имеют имя HTML и код. Если вы хотите стать FULL STACK JS Developer , вы можете присоединиться к моему современному курсу веб-разработки

9 0033 помидор 900,128,1250900 33 # FF8C00 khaki khaki khaki khaki # F0E68C 9 0023 143 143,188,143 900,170,170 ) 90 023 (0,206,209) небесно-голубой небесно-голубой 900 14 темно-синий # 6A5ACD (147,170DB) темная орхидея,138 фуксия7 255,105,180)83 # F лимонный шифонsysy серый серый900 23 лавандаFF # F0 # 000000
Color Имя HTML-код строки HEX-код RGB-код
бордовый бордовый # 800000 (128,0,0)
темно-красный темно-красный # 8B0000 (139,0,0)
коричневый коричневый # A52A2A (165,42,42)
огнеупорный кирпич огнеупорный кирпич # B22222 (178,34,34)
малиновый малиновый # DC143C (220,20,60)
красный красный # FF0000 (255,0,0)
помидор # FF6347 (255,99,71)
коралл коралл # FF7F50 (255,127,80)
индийский красный индийский # CD5C5C (205,92,92)
светлый коралл светлый коралл # F08080 (240,128,128)
темный лосось темный лосось # E
(23)
лосось лосось # FA8072 (250,128,114)
светлый лосось светлый лосось # FFA07A (255,160,122)
оранжевый красный # FF4500 (255,69,0)
темно-оранжевый темно-оранжевый (255,140,0)
оранжевый оранжевый # FFA500 (255,165,0)
золото золото # FFD700 (255,215, 0)
темный золотой стержень darkgoldenrod # B8860B (184,134,11)
золотой стержень золотарник # DAA520 (218,165,32)
бледно-золотой стержень palegoldenrod # EEE8AA (238,232,170)
темный хаки темный хаки # BDB76B (189,183,107)
(240,230,140)
оливковый оливковый # 808000 (128,128,0 )
желтый желтый # FFFF00 (255,255,0)
желто-зеленый желто-зеленый # 9ACD32 (154,205,50)
темно-оливково-зеленый темно-оливковый # 556B2F (85,107,47)
оливково-коричневый оливковый # 6B8E23 (107,142,35)
зеленый газон зеленый газон # 7CFC00 (124,252,0)
шартрез шартрез # 7FFF00 (127,255,0)
зеленый желтый зеленый желтый # ADFF2F ( 173,255,47)
темно-зеленый темно-зеленый # 006400 (0,100,0)
зеленый зеленый # 008000 (0,128,0)
лесной зеленый лесной зеленый # 228B22 (34,139,34)
лайм лайм # 00FF00 (0,255,0)
салатовый салатовый # 32CD32 (50,205,50)
светло-зеленый светло-зеленый # 90EE90 (144,238,144)
бледно-зеленый бледно-зеленый # 98FB98 (152,251,152)
темно-зеленый цвет моря темно-зеленый # 8FBC8F
средний весенний зеленый средний весенний зеленый # 00FA9A (0,250,154)
весенне-зеленый весенне-зеленый # 00FF7F (0,255,127)
морской зеленый морской зеленый # 2E8B57 (46,139,87)
средний аквамарин
средний аквамарин # 66CDAA (102,205,170)
средний морской зеленый средний морской зеленый # 3CB371 (60,179,113)
светло-голубой 32 светло-зеленый78,133
темно-серый сланец темно-серый # 2F4F4F (47,79,79)
бирюзовый бирюзовый # 008080 (0,128,128)
темно-голубой темно-голубой # 008B8B (0,139,139)
аква аква # 00FFFF (0,255,255)
голубой голубой # 00FFFF (0,255,255)
светло-голубой светло-голубой светло-голубой # E0FFFF (224,255,255)
темно-бирюзовый темно-бирюзовый # 00CED1 (0,206,209)
бирюзовый бирюзовый8
средний бирюзовый средний бирюзовый # 48D1CC (72,209,204)
бледно-бирюзовый бирюзовый #AFEEEE (175 238 238)
900FF 7 аквамарный (127,255,212)
синяя пудра синяя пудра # B0E0E6 (176,224,230)
синий кадет синий кадет # 5F9EA0 (95,158,160)
синяя сталь сталь синяя сталь # 4682B4 (70,130,180)
васильковый васильковый # 6495ED (100,149,237)
темно-синий глубокий голубой # 00BFFF 900,228
dodger blue dodgerblue # 1E90FF (30,144,255)
голубой голубой # ADD8E6 (173216230)
# 87CEEB (135,206,235)
голубой голубой # 87CEFA (135,206,250)
полуночный синий полуночный синий # 1 (25,25,112)
темно-синий # 000080 (0,0,128)
темно-синий темно-синий # 00008B (0,0,139)
средний синий средний синий # 0000CD (0,0,205)
синий синий # 0000FF (0,0,255)
королевский синий royalblue # 4169E1 (65,105,225)
сине-фиолетовый сине-фиолетовый # 8A2BE2 (138,43,226)
индиго 900 28 индиго # 4B0082 (75,0,130)
темно-синий сланец темно-синий # 483D8B (72,61,139)
сланцево-синий сланцево-синий (106,90,205)
серый сланцевый средне-синий # 7B68EE (123,104,238)
средний фиолетовый средне-фиолетовый 331928 # 93,270DB
темно-пурпурный темно-пурпурный # 8B008B (139,0,139)
темно-фиолетовый темно-фиолетовый # 9400D3 (148,0,211)
темная орхидея # 9932CC (153,50,204)
средняя орхидея средняя орхидея # BA55D3 (186,85,211)
фиолетовый фиолетовый # 800080 (128,0,128)
чертополох чертополох # D8BFD8 (216,191,216)
слива слива # DDA0DD (221,160,221)
фиолетовый фиолетовый # EE82EE фуксия # FF00FF (255,0,255)
орхидея орхидея # DA70D6 (218,112,214)
средний фиолетово-красный 28 средний # фиолетовый (199,21,133)
бледно-фиолетовый красный paleviol etred # DB7093 (219,112,147)
темно-розовый deeppink # FF1493 (255,20,147)
ярко-розовый hotpink33 # FF69B4
светло-розовый светло-розовый # FFB6C1 (255,182,193)
розовый розовый # FFC0CB (255,192,203)
антик белый антиквар # FAEBD7 (250,235,215)
бежевый бежевый # F5F5DC (245,245,220)
бисквит бисквит
бланшированный миндаль бланшированный миндаль #FFEBCD (255,235,205)
пшеница пшеница # F5DEB3 (245,222,179)
кукурузный шелк cornsilk # FFF8DC (255 248 220) (255 248 220) (255 248 220) лимонный шифон #FFFACD (255,250,205)
светло-золотой стержень желтый светло-золотистый желтый # FAFAD2 (250,250,210)
светло-желтый светло-желтый светло-желтый FFFFE0 (255,255,224)
седло-коричневый седло-коричневый # 8B4513 (139,69,19)
сиенна сиена # A0522D 900,82 ( , 45)
шоколад шоколад # D2691E (210,105,30)
перу перу # CD853F (205,133,63)
песочно-коричневый песочно-коричневый # F4A460 (244,133) 96)
массивное дерево бурливуд # DEB887 (222,184,135)
коричневый коричневый # D2B48C (210,180,140)
розовый розово-коричневый # BC8F8F (188,143,143)
мокасины мокасины # FFE4B5 (255,228,181)
наваджо белый 900FFAD # наваджоAD # наваджо белыйAD
персиковый слой персиковый слой # FFDAB9 (255 218,18 5)
роза туманная роза туманная # FFE4E1 (255,228,225)
лавандовые румяна румяна лаванды # FFF0F5 (255,240,214) (255,240,214) (255,240,214) белье # FAF0E6 (250,240,230)
старое кружево oldlace # FDF5E6 (253,245,230)
хлыст из папайи papayawhip,24039 )
морская ракушка морская ракушка # FFF5EE (255,245,238)
мятный крем мятный крем # F5FFFA (245,255,250)
серый # 708090 (112,128,144)
светло-серый светло-серый # 778899 (119,136,153)
светло-стальной синий светло-синий # B0C4DE (176,196,233)
(176,196,222)
лавандовый # E6E6FA (230,230,250)
цветочный белый цветочный белый # FFFAF0 (255,250,240)
alice blue aliceblue
призрачный белый призрачный белый # F8F8FF (248,248,255)
медовая роса медовая роса # F0FFF0 (240,255,240)
слоновая кость слоновая кость # FFFFF0 (255,255,240) 9002 8
лазурный лазурный # F0FFFF (240,255,255)
снег снег #FFFAFA (255,250,250)
черный черный (0,0,0)
тусклый серый тусклый серый # 6 (105,105,105)
серый серый # 808080 (128,128,128)
темно-серый / темно-серый темно-серый # A9A9A9 (169,169,169)
серебристый серебристый # C0C0C0 (192,192,192)
светло-серый / светло-серый светло-серый # D3D3D3 (211,211,211)
усиление sboro gainsboro #DCDCDC (220,220,220)
белый дым белый дым # F5F5F5 (245,245,245)
900FF 900FF (белый 900FF) 255,255,255)

Подробнее об HTML-руководствах или изучите Full-Stack JS с нуля!

Таблица цветовых кодов RGB | Justfreetools

Палитра цветов RGB | Таблица цветовых кодов RGB | Цветовое пространство RGB | Цветовой формат и расчет RGB | Таблица цветов RGB

Палитра цветов RGB

Таблица цветовых кодов

RGB

Наведите курсор на цвет , чтобы получить шестнадцатеричный и десятичный цветовые коды, указанные ниже:

Цветовое пространство RGB

Цветовое пространство RGB или Цветовая система RGB , конструирует все цвета из комбинации R ed, G reen и B lue цветов.

Красный, зеленый и синий используют по 8 бит, каждый из которых имеет целочисленные значения от 0 до 255. Это дает 256 * 256 * 256 = 16777216 возможных цветов.

RGB ≡ Красный, Зеленый, Синий

Каждый пиксель на светодиодном мониторе отображает цвета таким образом, за счет комбинации красного, зеленого и синего светодиодов (светоизлучающих диодов).

Когда красный пиксель установлен на 0, светодиод выключен. Когда красный пиксель установлен на 255, светодиод будет полностью включен.

Любое значение между ними устанавливает частичное свечение светодиода.

Цветовой формат и расчет RGB

Код

RGB имеет формат 24 бита (биты 0..23):

КРАСНЫЙ [7: 0] ЗЕЛЕНЫЙ [7: 0] СИНИЙ [7: 0]
23 16 15 8 7 0

RGB = (R * 65536) + (G * 256) + B, (когда R — КРАСНЫЙ, G — ЗЕЛЕНЫЙ, а B — СИНИЙ)

Примеры расчетов
Белый цвет RGB

Код белого RGB = 255 * 65536 + 255 * 256 + 255 = #FFFFFF

Синий цвет RGB

Синий код RGB = 0 * 65536 + 0 * 256 + 255 = # 0000FF

Красный цвет RGB

Красный код RGB = 255 * 65536 + 0 * 256 + 0 = # FF0000

Зеленый цвет RGB

Зеленый код RGB = 0 * 65536 + 255 * 256 + 0 = # 00FF00

Серый цвет RGB

Серый код RGB = 128 * 65536 + 128 * 256 + 128 = # 808080

Желтый цвет RGB

Желтый код RGB = 255 * 65536 + 255 * 256 + 0 = # FFFF00

Таблица цветов RGB

Базовых цветов:

Цвет Имя HTML / CSS Шестнадцатеричный код
#RRGGBB
Десятичный код
(R, G, B)
Черный # 000000 (0,0,0)
Белый #FFFFFF (255 255 255)
Красный # FF0000 (255,0,0)
Лайм # 00FF00 (0,255,0)
Синий # 0000FF (0,0,255)
Желтый # FFFF00 (255,255,0)
Голубой / Аква # 00FFFF (0,255,255)
пурпурный / фуксия # FF00FF (255,0 255)
Серебро # C0C0C0 (192,192,192)
Серый # 808080 (128 128 128)
Бордовый # 800000 (128,0,0)
оливковое # 808000 (128,128,0)
Зеленый # 008000 (0,128,0)
фиолетовый # 800080 (128,0,128)
бирюзовый # 008080 (0,128,128)
Военно-морской флот # 000080 (0,0,128)

Цвет Название цвета Шестнадцатеричный код
#RRGGBB
Десятичный код
(R, G, B)
бордовый # 800000 (128,0,0)
темно-красный # 8B0000 (139,0,0)
коричневый # A52A2A (165,42,42)
огнеупорный кирпич # B22222 (178,34,34)
малиновый # DC143C (220,20,60)
красный # FF0000 (255,0,0)
помидор # FF6347 (255,99,71)
коралловый # FF7F50 (255 127,80)
красный индийский # CD5C5C (205,92,92)
светло-коралловый # F08080 (240 128 128)
темный лосось # E9967A (233 150 122)
лосось # FA8072 (250,128,114)
лосось светлый # FFA07A (255,160,122)
оранжево-красный # FF4500 (255,69,0)
темно-оранжевый # FF8C00 (255,140,0)
оранжевый # FFA500 (255,165,0)
золото # FFD700 (255 215,0)
темно-золотой стержень # B8860B (184,134,11)
золотой стержень # DAA520 (218,165,32)
бледно-золотой жезл # EEE8AA (238 232 170)
темный хаки # BDB76B (189 183 107)
хаки # F0E68C (240 230 140)
оливковый # 808000 (128,128,0)
желтый # FFFF00 (255,255,0)
желто-зеленый # 9ACD32 (154 205,50)
темно-оливково-зеленый # 556B2F (85,107,47)
оливковый # 6B8E23 (107 142,35)
газон зеленый # 7CFC00 (124,252,0)
повторное использование графика # 7FFF00 (127,255,0)
зеленый желтый # ADFF2F (173,255,47)
темно-зеленый # 006400 (0,100,0)
зеленый # 008000 (0,128,0)
лес зеленый # 228B22 (34 139,34)
лайм # 00FF00 (0,255,0)
зеленый лайм # 32CD32 (50 205,50)
светло-зеленый # 90EE90 (144 238 144)
бледно-зеленый # 98FB98 (152 251 152)
темно-зеленый # 8FBC8F (143 188 143)
средний весенний зеленый # 00FA9A (0,250,154)
весенне-зеленый # 00FF7F (0,255,127)
морской зеленый # 2E8B57 (46,139,87)
средний морской # 66CDAA (102 205 170)
средний морской зеленый # 3CB371 (60 179 113)
светло-зеленый # 20B2AA (32 178 170)
темно-сланцево-серый # 2F4F4F (47,79,79)
бирюзовый # 008080 (0,128,128)
темно-голубой # 008B8B (0,139,139)
аква # 00FFFF (0,255,255)
голубой # 00FFFF (0,255,255)
светло-голубой # E0FFFF (224 255 255)
темно-бирюзовый # 00CED1 (0,206,209)
бирюзовый # 40E0D0 (64 224 208)
средне-бирюзовый # 48D1CC (72 209 204)
бледно-бирюзовый #AFEEEE (175 238 238)
Аква Марин # 7FFFD4 (127 255 212)
синий порошок # B0E0E6 (176 224 230)
кадетский синий # 5F9EA0 (95 158 160)
стальной синий # 4682B4 (70,130,180)
цветок кукурузы синий # 6495ED (100 149 237)
темно-синий # 00BFFF (0,191,255)
ловкач синий # 1E90FF (30 144 255)
голубой # ADD8E6 (173 216 230)
голубой # 87CEEB (135 206 235)
голубой # 87CEFA (135 206 250)
темно-синий # 1 (25,25,112)
военно-морской флот # 000080 (0,0,128)
темно-синий # 00008B (0,0,139)
средний синий # 0000CD (0,0,205)
синий # 0000FF (0,0,255)
королевский синий # 4169E1 (65 105 225)
сине-фиолетовый # 8A2BE2 (138,43,226)
индиго # 4B0082 (75,0,130)
темно-синий # 483D8B (72,61,139)
сланцево-синий # 6A5ACD (106,90,205)
голубой шифер средний # 7B68EE (123 104 238)
средний фиолетовый # 9370DB (147 112 219)
темно-пурпурный # 8B008B (139,0,139)
темно-фиолетовый # 9400D3 (148,0 211)
темная орхидея # 9932CC (153,50 204)
средняя орхидея # BA55D3 (186,85 211)
фиолетовый # 800080 (128,0,128)
чертополох # D8BFD8 (216,191,216)
слива # DDA0DD (221 160 221)
фиолетовый # EE82EE (238 130 238)
пурпурный / фуксия # FF00FF (255,0 255)
орхидея # DA70D6 (218 112 214)
средне-фиолетовый красный # C71585 (199,21,133)
бледно-фиолетовый красный # DB7093 (219 112 147)
темно-розовый # FF1493 (255,20 147)
ярко-розовый # FF69B4 (255 105 180)
светло-розовый # FFB6C1 (255 182 193)
розовый # FFC0CB (255 192 203)
антично-белый # FAEBD7 (250 235 215)
бежевый # F5F5DC (245 245 220)
бисквит # FFE4C4 (255 228 196)
миндаль бланшированный #FFEBCD (255 235 205)
пшеница # F5DEB3 (245 222 179)
кукурузный шелк # FFF8DC (255 248 220)
лимонный шифон #FFFACD (255 250 205)
светло-золотой стержень желтый # FAFAD2 (250 250 210)
светло-желтый # FFFFE0 (255 255 224)
седло коричневый # 8B4513 (139,69,19)
сиена # A0522D (160,82,45)
шоколад # D2691E (210,105,30)
перу # CD853F (205 133,63)
песочно-коричневый # F4A460 (244 164,96)
крепкое дерево # DEB887 (222 184 135)
загар # D2B48C (210,180,140)
розово-коричневый # BC8F8F (188 143 143)
мокасины # FFE4B5 (255 228 181)
белый навахо #FFDEAD (255 222 173)
слоеный персик # FFDAB9 (255 218 185)
туманная роза # FFE4E1 (255 228 225)
лавандовые румяна # FFF0F5 (255 240 245)
белье # FAF0E6 (250,240,230)
старое кружево # FDF5E6 (253 245 230)
кнут из папайи # FFEFD5 (255 239 213)
морская ракушка # FFF5EE (255 245 238)
мятный крем # F5FFFA (245,255,250)
серый шифер # 708090 (112 128 144)
светло-серый # 778899 (119 136 153)
светло-стальной синий # B0C4DE (176 196 222)
лаванда # E6E6FA (230 230 250)
цветочный белый # FFFAF0 (255 250 240)
алиса синяя # F0F8FF (240 248 255)
белый призрак # F8F8FF (248 248 255)
медовая роса # F0FFF0 (240 255 240)
слоновая кость # FFFFF0 (255 255 240)
лазурный # F0FFFF (240 255 255)
снег #FFFAFA (255 250 250)
черный # 000000 (0,0,0)
тускло-серый / тускло-серый # 6 (105 105 105)
серый / серый # 808080 (128 128 128)
темно-серый / темно-серый # A9A9A9 (169 169 169)
серебро # C0C0C0 (192,192,192)
светло-серый / светло-серый # D3D3D3 (211 211 211)
Гейнсборо #DCDCDC (220 220 220) 900 28
белый дым # F5F5F5 (245 245 245)
белый #FFFFFF (255 255 255)

Цветовая модель RGB

Цветовая модель RGB — это аддитивная цветовая модель, в которой красный, зеленый и синий свет складываются вместе различными способами для воспроизведения широкого спектра цветов.Название модели происходит от инициалов трех дополнительных основных цветов: красного, зеленого и синего.

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

RGB — это цветовая модель, зависящая от устройства: разные устройства обнаруживают или воспроизводят данное значение RGB по-разному, поскольку цветовые элементы (например, люминофоры или красители) и их реакция на отдельные уровни R, G и B различаются в зависимости от производителя. производителю или даже в том же устройстве с течением времени.Таким образом, значение RGB не определяет один и тот же цвет на всех устройствах без какого-либо управления цветом.

Типичными устройствами ввода RGB являются цветные телевизоры и видеокамеры, сканеры изображений и цифровые камеры. Типичные устройства вывода RGB — это телевизоры с различными технологиями (ЭЛТ, ЖК-дисплеи, плазма, OLED, квантовые точки и т. Д.), Дисплеи компьютеров и мобильных телефонов, видеопроекторы, многоцветные светодиодные дисплеи и большие экраны, такие как Jumbotron. С другой стороны, цветные принтеры — это не устройства RGB, а устройства субтрактивного цвета (обычно использующие цветовую модель CMYK).

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

Как сформировать цвет с помощью RGB

Чтобы сформировать цвет с помощью RGB, необходимо наложить три световых луча (один красный, один зеленый и один синий) (например, излучением от черного экрана или отражением от белый экран). Каждый из трех лучей называется компонентом этого цвета, и каждый из них может иметь произвольную интенсивность, от полностью выключенного до полностью включенного, в смеси.

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

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

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

Цветовая модель RGB сама по себе не определяет колориметрически, что подразумевается под красным, зеленым и синим, поэтому результаты их смешивания указываются не как абсолютные, а относительно основных цветов. Когда точные цветности красного, зеленого и синего основных цветов определены, цветовая модель становится абсолютным цветовым пространством, таким как RGB или Adobe RGB; см. цветовое пространство RGB для получения более подробной информации.


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

На этой странице вы можете найти финансовые калькуляторы, ипотечные калькуляторы, калькуляторы для кредитов, калькуляторы для автокредитов и калькуляторы лизинга, калькуляторы процентов, калькуляторы платежей, пенсионные калькуляторы, калькуляторы амортизации, инвестиционные калькуляторы, калькуляторы инфляции, финансовые калькуляторы, калькуляторы подоходного налога. , калькуляторы сложных процентов, калькулятор заработной платы, калькулятор процентной ставки, калькулятор налога с продаж, калькуляторы фитнеса и здоровья, калькулятор BMI, калькуляторы калорий, калькулятор телесного жира, калькулятор BMR, калькулятор идеального веса, калькулятор темпа, калькулятор беременности, калькулятор зачатия беременности, срок родов калькулятор, математические калькуляторы, научный калькулятор, калькулятор дробей, процентные калькуляторы, генератор случайных чисел, треугольный калькулятор, калькулятор стандартного отклонения, другие калькуляторы, калькулятор возраста, калькулятор даты, калькулятор времени, калькулятор часов, калькулятор GPA, калькулятор оценок, конкретный калькулятор, подсеть калькулятор, генерация паролей калькулятор преобразования и многие другие инструменты, а также для редактирования и форматирования текста, загрузки видео с Facebok (мы создали один из самых известных онлайн-инструментов для загрузки видео с Facebook).Мы также предоставляем вам онлайн-загрузчики для YouTube, Linkedin, Instagram, Twitter, Snapchat, TikTok и других социальных сетей (обратите внимание, что мы не размещаем видео на своих серверах. Все загружаемые вами видео загружаются с Facebook, YouTube, Linkedin, CDN в Instagram, Twitter, Snapchat, TikTok. Мы также специализируемся на сочетаниях клавиш, кодах ALT для Mac, Windows и Linux и других полезных советах и ​​инструментах (как писать смайлы в Интернете и т. Д.)

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

Это наиболее часто используемые пользователями во всем мире.

И мы все еще развиваемся. Наша цель — стать универсальным сайтом для людей, которым нужно быстро производить расчеты или которым нужно быстро найти ответ на базовые конверсии.

Кроме того, мы считаем, что Интернет должен быть источником бесплатной информации. Таким образом, все наши инструменты и услуги полностью бесплатны и не требуют регистрации. Мы кодировали и разрабатывали каждый калькулятор индивидуально и подвергали каждый строгому всестороннему тестированию. Однако, пожалуйста, сообщите нам, если вы заметите даже малейшую ошибку — ваш вклад очень важен для нас. Хотя большинство калькуляторов на Justfreetools.com предназначены для универсального использования во всем мире, некоторые из них предназначены только для определенных стран.

HTML Таблица цветов

В следующей таблице содержатся шестнадцатеричные цветовые коды RGB, используемые различными тегами HTML (язык гипертекстовой разметки) и атрибутами CSS (каскадная таблица стилей) для определения значений цвета. Шестнадцатеричный цветовой код RGB, которому предшествует символ «#», представлен вместе с соответствующим названием цвета, оба из которых появляются над полем, содержащим пример этого цвета.

Названия цветов предназначены для упрощения идентификации связанного элемента RGB.Некоторые из этих названий цветов распознаются браузерами. Однако на всякий случай всегда используйте шестнадцатеричный код RGB. Обратите внимание: если вы хотите использовать имя цвета, организация веб-стандартов W3C оговорила, что только 16 имен цветов пройдут свои проверки. По состоянию на март 2007 года этими 16 цветами были: морской, черный, синий, фуксия, серый, зеленый, салатовый, бордовый, темно-синий, оливковый, фиолетовый, красный, серебристый, бирюзовый, белый и желтый.

Цвета, содержащиеся в следующей таблице, составляют 216 цветов, которые считаются безопасными для использования в Интернете.

8 9006 26

# 000000628

8 Магент

Olive 900F
Темно-коричневый

3 Серый кирпич

# 8E2323

08

83 Огненный кирпич Полевой шпат Hunter Green

03 Серый

88 1006 # Светло-синий

28 Светло-зеленый

# E47833
Мандарианский апельсин

#EAAE

# 9370DB
Medium Orchid

Medium Medium

Средне-зеленый Средний фиолетово-красный

100 # 8FBC8F
Pale Green

100 #

CC 10026

# 007FFF
Сланцево-синий


# 00FF7F

# 00FF7F Стальной синий

#ADEAEA
Бирюзовый

9 Очень светло-серый

#FFFFFF
Белый

# FF0000
Красный

# 00FF00
Зеленый

# 0000FF
Синий

Белый Красный Зеленый Синий

# FF00FF
Пурпурный

# 00FFFF
Голубой

# FFFF00
Желтый

# 000000628 Желтый

# 000000628

Желтый Черный

# 70DB93
Аквамарин

# 5C3317
Шоколадный

# 9F5F9F
Синий фиолетовый

1006 # B528A

Аквамарин Шоколадный Голубовато-фиолетовый Латунь

# D9D919
Яркое золото

# A62A2A
Коричневый

# 8C785000 B

Яркое золото Коричневый Бронзовый Бронзовый II

# 5F9F9F
Кадетский синий

# D


Холодная медь

# B87333

# FF7F00
Коралл

Кадетский синий Холодный медный Медный Коралл

# 42426F
Кукурузный цветок синий

# 5C4033

Темно-коричневый

# 2F4F2F
Темно-зеленый

# 4A766E
Темно-зеленый медный

Кукурузный цветок Синий Темно-коричневый Темно-зеленый Темно-зеленый медный

#

# 9932CD
Dark Orchid

# 871F78
Dark Purple

# 6B238E
Dark Slate Blue

Dark Olive Green Dark Orchid Темно-фиолетовый

# 2F4F4F
Темно-серый

#

# 7093DB
Темно-бирюзовый

# 855E42
Темно-коричневый

Темно-сланцевый Темное дерево

# 545454
Тускло-серый

# 856363
Пыльная роза

# D19275
Полевой шпат

# 8E2323

08


Огнеупорный кирпич

# F5CCB0
Коричневый блеклый

# 238E23
Зеленый лес

# CD7F32
Золото

4 # DB 10028dB70

# DB 10028dB70

# DB 10028dB70 Лесной зеленый

Золотой Золотарник

# C0C0C0
Серый

# 527F76
Зеленый медный

# 93DB70
Зеленый желтый

10028 Зеленый Медный Зеленый Желтый Зеленый Охотник

# 4E2F2F
Индийский красный

# 9F9F5F
Хаки

6

# C0D9D9

6A # C0D9D9

Индийский красный Хаки Светло-синий Светло-серый

# 8F8FBD
Светло-стальной синий

# E9C2A6
Светлое дерево

Светло-стальной синий Светлое дерево Желто-зеленый Мандарианский апельсин

# 8E236B
Бордовый

# 32CD99
9000 Средне

# 3232CD
Medium Blue

# 6B8E23
Medium Forest Green

Maroon Medium Aquamarine Medium Blue Medium Forest Green
100ro0002 #EAAE

# 426F42
Medium Sea Green

# 7F00FF
Medium Slate Blue

Medium Slate Blue

Medium Goldrod Medium Orchid Средний

# 7FFF00
Medium Spring Green

# 70DBDB
Medium Turquoise

# DB7093
Medium Violet Red

# A68064
Medium Wood

# A68064
Medium Wood

Средний древесный

# 2F2F4F
Полуночно-синий

# 23238E
Темно-синий

# 4D4DFF
Неоново-синий

Ec

Синий

Navy Blue Neon Blue Neon Pink

# 00009C
New Midnight Blue

# EBC79E
New Tan

# CFB53B
Старое золото

06 # F Оранжевый

New Midnight Blue New Tan Old Gold Orange

# FF2400
Orange Red

# DB70DB
Orchid

# 8FBC8F
Pale Green

Оранжево-красный Орхидея Бледно-зеленый Розовый

#EAADEA
Сливовый

# D9D9F3
Кварц

# 5959AB

# 5959AB

Насыщенный синий

Слива Кварц Насыщенный синий Лосось

# 8C1717
Алый

# 238E68
Морской зеленый

# 6B4226 1006 Сладкий

# 6B4226 1006 Сладкий шоколад

# 8E6B23
Сиенна

Алый Морской зеленый Полусладкий шоколад Сиенна

# E6E8FA
Серебро

8 #

# FF1CAE
Пряно-розовый

Серебристый Небесно-голубой Сланцево-синий Пряно-розовый

# 00FF7F

# 38B0DE
Summer Sky

# DB9370
Tan

Spring Green Steel Blue Summer Sky Tan

# D8BFD8

# 5C4033
Очень темно-коричневый

#CDCDCD
Очень светло-серый

Чертополох Бирюзовый Очень темно-коричневый 9 Очень светло-серый 4F2F4F
Фиолетовый

# CC3299
Фиолетовый красный

# D8D8BF
Пшеница

# 99CC32
Желто-зеленый

Фиолетовый 91422

Фиолетовый Вернуться к индексу раздела HTML.

Условное форматирование в Excel со значением HEX / RGB, найденным в другой таблице

Поскольку ни один из приведенных выше ответов не учитывал мои заявленные требования

«… установить цвет фона ячеек в таблице данных автоматически при вводе с использованием значения HEX / RGB, найденного в таблице цветов…»

Я разработал для себя решение, которое соответствует моим требованиям.

Может быть, это также может помочь кому-то другому, поэтому я помещаю приведенный ниже код, а также прикрепляю файл Excel, чтобы вы могли его протестировать.

Код VBA «Worksheet_Change» на листе «Data»

  Частная подписка Worksheet_Change (ByVal Target As Range)
    
    Dim rng_Trigger_Cat1 As Range 'Категория 1 Диапазон ячеек, запускающих этот код и меняющих его цвет фона
    Dim rng_Trigger_Cat2 As Range 'Категория 2 Диапазон ячеек, запускающих этот код и меняющих его цвет фона
    Dim crng As Range 'Переменная для применимого цветового диапазона для запускающей ячейки
    Dim rng As Range
    Dim HEX As String
    
    При ошибке Возобновить Далее
        
    Заявка.EnableEvents = False
    
    Установить rng_Trigger_Cat1 = Range ("tbl_Data [Cat1]")
    Установить rng_Trigger_Cat2 = Range ("tbl_Data [Cat2]")
    
    HEX = ""

    Если не Application.Intersect (rng_Trigger_Cat1, Range (Target.Address)) - это ничего, тогда
        Установить crng = Worksheets ("Цвета"). Диапазон ("tbl_Colors_Cat1")
    
    ElseIf Not Application.Intersect (rng_Trigger_Cat2, Range (Target.Address)) Is Nothing Then
        Установить crng = Worksheets ("Цвета"). Диапазон ("tbl_Colors_Cat2")
    
    Конец, если
       
    Для каждого звена в цели
 
        'Получить HEX-код для указанного цвета значения ячейки и категории из таблиц цветов на листе «Цвета» и установить цвет фона входной ячейки.'Если входное значение не указано в соответствующей таблице цветов, цвет ячейки будет установлен на «Пустой».
        HEX = Right (Application.WorksheetFunction.VLookup (Target, crng, 3, False), 6)

        Если Len (HEX) = 6, то
            rng.Interior.Color = _
              RGB (Application.Hex2Dec (Левый (HEX, 2)), _
                  Application.Hex2Dec (Mid (HEX, 3, 2)), _
                  Application.Hex2Dec (справа (HEX, 2)))
        Еще
            rng.Interior.Pattern = xlNone
        Конец, если
        
    Следующий номер
    
    Заявка.EnableEvents = True

Конец подписки
  

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

На листе «Цвета» также есть кнопка, код которой восстанавливает существующую окраску в таблице данных после внесения изменений в таблицы на листе Collors.

Код VBA cmdButton «Исправить цвета…»

  Частная подпрограмма cmd_FixColors_Click ()

    Dim rng As Range
    Тусклая ячейка как диапазон
    
    Установите rng = Worksheets («Данные»).Диапазон ("tbl_Data [Cat1], tbl_Data [Cat2]")
    
    Для каждой ячейки In rng
        cell = cell.Value
    Следующая ячейка

Конец подписки
  

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

Отзывы и предложения всегда приветствуются!

Образец файла Excel

Как создать цветовую палитру HEX для Displayr

Хотя большинство визуализаций имеют встроенные цветовые палитры, чаще всего вам нужно или нужно будет их настраивать.Настройка цветовой палитры ДО того, как вы начнете создавать приборную панель в Displayr, не только поможет вам создать красивую приборную панель, но и сэкономит вам много времени в долгосрочной перспективе! Мы настоятельно рекомендуем сделать это в качестве подготовительного шага перед тем, как приступить к созданию документа Displayr.

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

Что такое цветовые коды HEX?

Визуализации в Displayr требуют, чтобы вы использовали HEX-коды , если вы хотите настроить цветовую палитру.HEX-коды — это шестизначная строка букв / символов, кодирующих определенный цвет. RGB тоже может кодировать цвета — они используют комбинацию из трех чисел, разделенных запятой (красный, зеленый, синий). В некоторых случаях вы можете указать один конкретный пользовательский цвет, используя RGB или HEX. Для визуализаций, в которых вы указываете список цветов (т.е. несколько цветов одновременно), здесь вступает в игру HEX. Поскольку визуализации и диаграммы повсеместно могут использовать HEX для пользовательской раскраски, цель состоит в том, чтобы получить список HEX-кодов в палитре.

У этого поста двоякая цель:

  1. Вспомним, как настроить цвета в визуализациях в Displayr
  2. Как настроить цветовую палитру для использования в Displayr (с кодами RBG и HEX)

Обязательно ознакомьтесь с ярлыками для создания цветовой палитры в конце этого поста.

Как настроить цвета в Displayr

В Displayr вам нужно сначала создать визуализацию, прежде чем настраивать цвета.После того, как вы ввели данные и создали визуализацию, щелкните по ней и перейдите к инспектору объектов (справа). В разделе Charts> DATA SERIES> Color palette вы должны увидеть опцию в раскрывающемся списке для «Custom palette». При выборе этого параметра отобразится поле ввода Пользовательская палитра , как показано ниже:

В поле ввода по умолчанию есть два кода (в HEX-кодах). Они начинаются с решетки / решетки # и разделяются запятыми.

Важное примечание : Вам необходимо ввести цветовые коды в порядке ряда данных .

Итак, в приведенном выше примере ваша первая серия будет отображаться как # 5C9AD3 (темно-серо-синий), а затем следующая будет отображаться как # ED7D31 (выжженный оранжевый). Если у вас больше рядов данных, чем приведенных выше кодов, Displayr будет повторно использовать цвета. Итак, если бы у меня было 6 серий с указанным выше, я бы получил синий, оранжевый, синий, оранжевый, синий, оранжевый (что выглядело бы не лучшим образом).Мне нужно было ввести полный набор из 6 шестнадцатеричных кодов, чтобы получить что-то особенное для каждой серии.

На других диаграммах, а именно в диаграммах, находящихся в Вставить> Диаграмма , вы можете видеть, что вы можете указать коды RGB и HEX при выборе пользовательского цвета (ниже). Наличие HEX-кодов упрощает копирование / вставку в поле внизу, которое начинается с #

.

Как составить цветовую палитру

Эффективный и простой способ создания цветовой палитры — в PowerPoint.Откройте слайд PowerPoint и создайте нейтральную таблицу с одной строкой и таким количеством строк, сколько цветов вы хотите в палитре. ( Вставка> Таблица на ленте PowerPoint). Затем выберите ячейку таблицы и перейдите к ведру с краской (в разделе Главная> Рисунок на ленте PowerPoint), чтобы применить любые цвета, которые вы хотите (обычно с использованием дополнительных цветов заливки ).

Очень распространенный и полезный способ сокращения — это захват цветов с другого объекта (ведь зачем изобретать велосипед, если в этом нет необходимости?).В приведенном ниже примере я заимствую из кольцевой диаграммы, которую нашел в другой презентации. Затем я выбираю первую ячейку в таблице и использую инструмент Eyedropper , чтобы раскрасить свои ячейки.

Тогда вам понадобятся коды. К сожалению, в PowerPoint нет шестнадцатеричных кодов, только коды RGB. Но вы можете преобразовать RGB в HEX позже, поэтому вам понадобится RGB для начала для каждой ячейки / цвета. Выберите ячейку, снова нажмите ведро с краской, а затем перейдите к Дополнительные цвета заливки … Вы должны увидеть окно, подобное приведенному ниже, с выбранным цветом и отображающим код RGB.Скопируйте этот код в ячейку, как я сделал для первого.

Когда у вас есть все коды RGB, создайте новую строку в своей таблице в PowerPoint ( Инструменты таблицы> Макет> Вставить ниже ). Затем перейдите на такой веб-сайт, который конвертирует RGB в HEX (есть много других вариантов, если вы хотите их найти). Введите свой код RGB и преобразуйте его в шестнадцатеричный код, как показано ниже:

Вы возьмете код с хешем / фунтом перед ним (# 3E7DCC) и скопируете / вставите его во вторую строку в PowerPoint.Я сделал это для всех 6 цветов, представленных ниже:

Теперь у меня есть готовая цветовая палитра для Displayr — я немного возился с этим, но теперь стежок времени сэкономит вам девять!

Короткие ссылки

Если у вас есть Adobe Photoshop, пипетка предоставит вам HEX-коды напрямую, без необходимости переходить на веб-сайт преобразования, как показано по ссылке выше.

Есть также несколько готовых (шестнадцатеричный код) цветовых палитр, если вы хотите просто получить готовую палитру (их тысячи).

Надеюсь, этот пост оказался для вас полезным! Ознакомьтесь с дополнительными советами по использованию Displayr и удачного выбора цвета!

Шестнадцатеричных цветовых кодов HTML

Шестнадцатеричных цветовых кодов HTML

Цветовых кодов HTML и CSS — шестнадцатеричные

FFF
FFF
CCC
CCC
999
999
666
666
333
333
000
000
FFC
C00
FF9
900
FF6
600
FF3
300
ПЕРЕКЛЮЧЕНИЕ НА ДЕСЯТИЧНЫЙ RGB
ЦВЕТОВЫЕ КОДЫ
99C
C00
CC9
900
FFC
C33
FFC
C66
FF9
966
FF6
633
CC3
300
CC0
033
CCF
F00
CCF
F33
333
300
666
600
999
900
CCC
C00
FFF
F00
CC9
933
CC6
633
330
000
660
000
990
000
CC0
000
FF0
000
FF3
366
FF0
033
99F
F00
CCF
F66
99C
C33
666
633
999
933
CCC
C33
FFF
F33
996
600
993
300
663
333
993
333
CC3
333
FF3
333
CC3
366
FF6
699
FF0
066
66F
F00
99F
F66
66C
C33
669
900
999
966
CCC
C66
FFF
F66
996
633
663
300
996
666
CC6
666
FF6
666
990
033
CC3
399
FF6
6CC
FF0
099
33F
F00
66F
F33
339
900
66C
C00
99F
F33
CCC
C99
FFF
F99
CC9
966
CC6
600
CC9
999
FF9
999
FF3
399
CC0
066
990
066
FF3
3CC
FF0
0CC
00C
C00
33C
C00
336
600
669
933
99C
C66
CCF
F99
FFF
FCC
FFC
C99
FF9
933
FFC
CCC
FF9
9CC
CC6
699
993
366
660
033
CC0
099
330
033
33C
C33
66C
C66
00F
F00
33F
F33
66F
F66
99F
F99
CCF
FCC
CC9
9CC
996
699
993
399
990
099
663
366
660
066
006
600
336
633
009
900
339
933
669
966
99C
C99
FFC
CFF
FF9
9FF
FF6
6FF
FF3
3FF
FF0
0FF
CC6
6CC
CC3
3CC
003
300
00C
C33
006
633
339
966
66C
C99
99F
FCC
CCF
FFF
339
9FF
99C
CFF
CCC
CFF
CC9
9FF
996
6CC
663
399
330
066
990
0CC
CC0
0CC
00F
F33
33F
F66
009
933
00C
C66
33F
F99
99F
FFF
99C
CCC
006
6CC
669
9CC
999
9FF
999
9CC
993
3FF
660
0CC
660
099
CC3
3FF
CC0
0FF
00F
F66
66F
F99
33C
C66
009
966
66F
FFF
66C
CCC
669
999
003
366
336
699
666
6FF
666
6CC
666
699
330
099
993
3CC
CC6
6FF
990
0FF
00F
F99
66F
FCC
33C
C99
33F
FFF
33C
CCC
339
999
336
666
006
699
003
399
333
3FF
333
3CC
333
399
333
366
663
3CC
996
6FF
660
0FF
00F
FCC
33F
FCC
00F
FFF
00C
CCC
009
999
006
666
003
333
339
9CC
336
6CC
000
0FF
000
0CC
000
099
000
066
000
033
663
3FF
330
0FF
00C
C99
© VisiBone, 2021 г.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *