Таблица HTML цветов
Имена цветов в HTML не чувствительны к регистру, и могут записываться в любой форме
Также стоит отметить, что имея 147 различных ключевых слов (17 старых и 130 новых), не все цвета в этом списке уникальны. Некоторые имена обозначают один и тот же цвет. Так, например, и Grey, и Gray обозначают 50-процентный серый цвет #808080, а Magenta — это лишь синоним HTML цвета Fuchsia, и ссылается на шестнадцатеричный код цвета #FF00FF.
|
|
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
140 HTML цветов с названиями, HEX и RGB кодами
В HTML с помощью специального кода можно изменить цвет текста, фона, ссылки, шрифта, таблицы или всей страницы.
Цвет в HTML
Значение для свойства color можно задать тремя основными способами:
- по названию цвета:
red,green,blue,gold,olive,magenta,cyan,brownи так далее - по шестнадцатеричному значению (hexadecimal number): от
#000000до#ffffff - по коду цвета в RGB палитре: от
rgb(0, 0, 0)доrgb(255, 255, 255)
С названием цвета все относительно просто. Единственное ограничение в том, что мы должны выбирать цвет из нескольких предустановленных вариантов.
В стандартном наборе HTML 140 цветов и если тебе нужен будет какой-то цвет, который не представлен там, то нужно будет использовать шестнадцатеричный формат (HEX код) или RGB.
HEX код для цвета в HTML
HEX код всегда начинается с символа # за которым следует трехбайтовое шестнадцатеричное число (всего 6 цифр).
Каждый байт отвечает за интенсивность одного из трех основных цветов: первый отвечает за интенсивность красного цвета, второй — зеленого, третий — синего:
Значение 00 — самая низкая интенсивность, FF — самая высокая. Например, для получения белого цвета нужно “смешать” три основных цвета с максимальной интенсивностью: #FFFFFF. Для получения черного цвета, соответственно, интенсивность всех цветом должна быть минимальной: #000000.
— Так это же как на уроках рисования — для получения любого цвета нужно просто смешать красный, синий и зеленый.
— Точно. Для получения красного цвета нужно байту, отвечающий за красный цвет установить максимальное значение, а для остальных — минимальное: ##FF0000.
— Тогда для зеленого HEX код будет таким: #00FF00.
RGB палитра HTML цветов
В RGB палитре цвет добавляется по такому же, принципу: задается интенсивность красного (red), зеленого (green) и синего (blue) цветов.
От сюда и аббревиатура RGB. Только интенсивность указываться здесь числами 0 от 225, где 0 — самая низкая интенсивность, 225 — самая высокая. Для примера, зеленый цвет будет выглядеть следующим образом: rgb(0, 225, 0);
Все эти значения подходят и для других ситуаций, где нужен цвет, например в background-color.
Таблица из 140 HTML цветов с названиями и кодами (строка, HEX, rgb)
В этой таблице все HTML цвета у которых есть английское название и HTML код. Если ты хочешь стать FULL STACK JS разработчиком — регистрируйся бесплатно на мой курс по веб программированию
| Цвет | Название | HTML Код | HEX код | RGB код |
|---|---|---|---|---|
| бордовый | maroon | #800000 | (128,0,0) | |
| темно-красный | darkred | #8B0000 | (139,0,0) | |
| коричневый | brown | #A52A2A | (165,42,42) | |
| кирпичный | firebrick | #B22222 | (178,34,34) | |
| малиновый | crimson | #DC143C | (220,20,60) | |
| красный | red | #FF0000 | (255,0,0) | |
| томатный | tomato | #FF6347 | (255,99,71) | |
| коралловый | coral | #FF7F50 | (255,127,80) | |
| индийский красный | indianred | #CD5C5C | (205,92,92) | |
| светлый коралл | lightcoral | #F08080 | (240,128,128) | |
| темный лосось | darksalmon | #E9967A | (233,150,122) | |
| лосось | salmon | #FA8072 | (250,128,114) | |
| светлый лосось | lightsalmon | #FFA07A | (255,160,122) | |
| оранжево-красный | orangered | #FF4500 | (255,69,0) | |
| темно-оранжевый | darkorange | #FF8C00 | (255,140,0) | |
| оранжевый | orange | #FFA500 | (255,165,0) | |
| золотой | gold | #FFD700 | (255,215,0) | |
| темно-золотой | darkgoldenrod | #B8860B | (184,134,11) | |
| золотистый | goldenrod | #DAA520 | (218,165,32) | |
| бледно-золотой | palegoldenrod | #EEE8AA | (238,232,170) | |
| темный хаки | darkkhaki | #BDB76B | (189,183,107) | |
| хаки | khaki | #F0E68C | (240,230,140) | |
| оливковый | olive | #808000 | (128,128,0) | |
| желтый | yellow | #FFFF00 | (255,255,0) | |
| желто-зеленый | yellowgreen | #9ACD32 | (154,205,50) | |
| темно-оливковый | darkolivegreen | #556B2F | (85,107,47) | |
| оливково-зеленый | olivedrab | #6B8E23 | (107,142,35) | |
| салатовый | lawngreen | #7CFC00 | (124,252,0) | |
| шартрез | chartreuse | #7FFF00 | (127,255,0) | |
| зелено-желтый | greenyellow | #ADFF2F | (173,255,47) | |
| темно-зеленый | darkgreen | #006400 | (0,100,0) | |
| зеленый | green | #008000 | (0,128,0) | |
| зеленый лес | forestgreen | #228B22 | (34,139,34) | |
| лайм | lime | #00FF00 | (0,255,0) | |
| зеленый лайм | limegreen | #32CD32 | (50,205,50) | |
| светло-зеленый | lightgreen | #90EE90 | (144,238,144) | |
| бледно-зеленый | palegreen | #98FB98 | (152,251,152) | |
| темно-зеленое море | darkseagreen | #8FBC8F | (143,188,143) | |
| средне-весенний зеленый | mediumspringgreen | #00FA9A | (0,250,154) | |
| весенний зеленый | springgreen | #00FF7F | (0,255,127) | |
| зеленое море | seagreen | #2E8B57 | (46,139,87) | |
| средний аквамарин | mediumaquamarine | #66CDAA | (102,205,170) | |
| средне-зеленое море | mediumseagreen | #3CB371 | (60,179,113) | |
| светло-зеленое море | lightseagreen | #20B2AA | (32,178,170) | |
| темно-серый | darkslategray | #2F4F4F | (47,79,79) | |
| бирюзовый | teal | #008080 | (0,128,128) | |
| темно-голубой | darkcyan | #008B8B | (0,139,139) | |
| вода | aqua | #00FFFF | (0,255,255) | |
| голубой | cyan | #00FFFF | (0,255,255) | |
| светло-голубой | lightcyan | #E0FFFF | (224,255,255) | |
| темно-бирюзовый | darkturquoise | #00CED1 | (0,206,209) | |
| бирюзовый | turquoise | #40E0D0 | (64,224,208) | |
| средне-бирюзовый | mediumturquoise | #48D1CC | (72,209,204) | |
| бледно-бирюзовый | paleturquoise | #AFEEEE | (175,238,238) | |
| аквамарин | aquamarine | #7FFFD4 | (127,255,212) | |
| синий порошок | powderblue | #B0E0E6 | (176,224,230) | |
| кадетский синий | cadetblue | #5F9EA0 | (95,158,160) | |
| стальной синий | steelblue | #4682B4 | (70,130,180) | |
| васильковый | cornflowerblue | #6495ED | (100,149,237) | |
| темно-голубой | deepskyblue | #00BFFF | (0,191,255) | |
| синеватый | dodgerblue | #1E90FF | (30,144,255) | |
| светло-синий | lightblue | #ADD8E6 | (173,216,230) | |
| небесный | skyblue | #87CEEB | (135,206,235) | |
| светло-небесный | lightskyblue | #87CEFA | (135,206,250) | |
| полуночно-синий | midnightblue | #191970 | (25,25,112) | |
| флот | navy | #000080 | (0,0,128) | |
| темно-синий | darkblue | #00008B | (0,0,139) | |
| средне-синий | mediumblue | #0000CD | (0,0,205) | |
| синий | blue | #0000FF | (0,0,255) | |
| королевский синий | royalblue | #4169E1 | (65,105,225) | |
| сине-фиолетовый | blueviolet | #8A2BE2 | (138,43,226) | |
| индиго | indigo | #4B0082 | (75,0,130) | |
| темно-грифельный синий | darkslateblue | #483D8B | (72,61,139) | |
| грифельно-синий | slateblue | #6A5ACD | (106,90,205) | |
| средне-грифельно синий | mediumslateblue | #7B68EE | (123,104,238) | |
| средне-фиолетовый | mediumpurple | #9370DB | (147,112,219) | |
| темно-пурпурный | darkmagenta | #8B008B | (139,0,139) | |
| темно-фиолетовый | darkviolet | #9400D3 | (148,0,211) | |
| темная орхидея | darkorchid | #9932CC | (153,50,204) | |
| средняя орхидея | mediumorchid | #BA55D3 | (186,85,211) | |
| фиолетовый | purple | #800080 | (128,0,128) | |
| чертополох | thistle | #D8BFD8 | (216,191,216) | |
| слива | plum | #DDA0DD | (221,160,221) | |
| лиловый | violet | #EE82EE | (238,130,238) | |
| фуксия | fuchsia | #FF00FF | (255,0,255) | |
| орхидея | orchid | #DA70D6 | (218,112,214) | |
| средне-фиолетовый красный | mediumvioletred | #C71585 | (199,21,133) | |
| бледно-фиолетовый красный | palevioletred | #DB7093 | (219,112,147) | |
| темно-розовый | deeppink | #FF1493 | (255,20,147) | |
| ярко-розовый | hotpink | #FF69B4 | (255,105,180) | |
| светло-розовый | lightpink | #FFB6C1 | (255,182,193) | |
| розовый | pink | #FFC0CB | (255,192,203) | |
| антично-белый | antiquewhite | #FAEBD7 | (250,235,215) | |
| бежевый | beige | #F5F5DC | (245,245,220) | |
| бисквит | bisque | #FFE4C4 | (255,228,196) | |
| бланшированный миндаль | blanchedalmond | #FFEBCD | (255,235,205) | |
| пшеничный | wheat | #F5DEB3 | (245,222,179) | |
| кукурузный шелк | cornsilk | #FFF8DC | (255,248,220) | |
| лимонный шифон | lemonchiffon | #FFFACD | (255,250,205) | |
| светло-золотой желтый | lightgoldenrodyellow | #FAFAD2 | (250,250,210) | |
| светло-желтый | lightyellow | #FFFFE0 | (255,255,224) | |
| коричневое седло | saddlebrown | #8B4513 | (139,69,19) | |
| сиенна | sienna | #A0522D | (160,82,45) | |
| шоколадный | chocolate | #D2691E | (210,105,30) | |
| перу | peru | #CD853F | (205,133,63) | |
| песочно-коричневый | sandybrown | #F4A460 | (244,164,96) | |
| крепкое дерево | burlywood | #DEB887 | (222,184,135) | |
| загар | tan | #D2B48C | (210,180,140) | |
| розово-коричневый | rosybrown | #BC8F8F | (188,143,143) | |
| мокасины | moccasin | #FFE4B5 | (255,228,181) | |
| белый навахо | navajowhite | #FFDEAD | (255,222,173) | |
| персиковый | peachpuff | #FFDAB9 | (255,218,185) | |
| туманная роза | mistyrose | #FFE4E1 | (255,228,225) | |
| лавандовый | lavenderblush | #FFF0F5 | (255,240,245) | |
| белье | linen | #FAF0E6 | (250,240,230) | |
| старое кружево | oldlace | #FDF5E6 | (253,245,230) | |
| папайа | papayawhip | #FFEFD5 | (255,239,213) | |
| морская ракушка | seashell | #FFF5EE | (255,245,238) | |
| мятный крем | mintcream | #F5FFFA | (245,255,250) | |
| серый шифер | slategray | #708090 | (112,128,144) | |
| светло-серый шифер | lightslategray | #778899 | (119,136,153) | |
| светло-стальной голубой | lightsteelblue | #B0C4DE | (176,196,222) | |
| лавандовый | lavender | #E6E6FA | (230,230,250) | |
| цветочно-белый | floralwhite | #FFFAF0 | (255,250,240) | |
| синяя алиса | aliceblue | #F0F8FF | (240,248,255) | |
| призрачно-белый | ghostwhite | #F8F8FF | (248,248,255) | |
| медовая роса | honeydew | #F0FFF0 | (240,255,240) | |
| слоновая кость | ivory | #FFFFF0 | (255,255,240) | |
| лазурный | azure | #F0FFFF | (240,255,255) | |
| снежный | snow | #FFFAFA | (255,250,250) | |
| черный | black | #000000 | (0,0,0) | |
| тускло-серый | dimgray | #696969 | (105,105,105) | |
| серый | gray | #808080 | (128,128,128) | |
| темно-серый | darkgray | #A9A9A9 | (169,169,169) | |
| серебристый | silver | #C0C0C0 | (192,192,192) | |
| светло-серый | lightgray | #D3D3D3 | (211,211,211) | |
| гейнсборо | gainsboro | #DCDCDC | (220,220,220) | |
| белый дым | whitesmoke | #F5F5F5 | (245,245,245) | |
| белый | white | #FFFFFF | (255,255,255) |
140 HTML-цветов с кодами HEX, RGB и именами
С таким большим выбором цветов может быть сложно решить, какой из них использовать для вашего веб-сайта или блога.
Но с небольшой помощью из этого списка из 140 цветов HTML вы сможете найти идеальный цвет для своего следующего проекта.
Используя цветовой код RGB или HEX в HTML, вы можете изменить цвет текста, фона, URL-адреса, шрифта, таблицы или всей страницы.
Цвета в HTML
Значение свойства color можно задать тремя основными способами:
- по названию цвета, например,
красный,зеленый,синий - по шестнадцатеричному числу: от
#000000до#ffffff - по коду цвета в палитре RGB: от
rgb (0, 0, 0)доrgb(255, 255, 255)
Название цвета относительно простое. Единственным ограничением является то, что мы должны выбрать цвет из нескольких предопределенных вариантов.
Стандартный набор цветов HTML состоит из 140 различных значений. Если вам нужен цвет, который там не представлен, вам нужно будет использовать шестнадцатеричный формат (код HEX) или RGB.
HEX-коды цветов в HTML
HEX-код всегда начинается с # , за которым следует 3-байтовое шестнадцатеричное число (всего 6 цифр). Каждый байт отвечает за интенсивность одного из трех основных цветов: первый отвечает за интенсивность красного, второй за зеленый, а третий за синий:
Значение 00 — наименьшая интенсивность, FF самая высокая. Например, чтобы получить белый цвет, нужно «смешать» три основных цвета с максимальной интенсивностью: #FFFFFF . Для получения черного цвета интенсивность всех цветов должна быть минимальной: #000000 .
— Так же, как и на уроках рисования — чтобы получить любой цвет, нужно просто смешать красный, синий и зеленый.
— Точно. Для получения красного цвета нужно установить максимальное значение байта, отвечающего за красный цвет, а для остальных — минимальное: ##FF0000 .
— тогда для зеленого цвета HEX-код будет: #00FF00
Палитра RGB цветов HTML
В палитре RGB цвета смешиваются аналогичным образом путем смешивания интенсивности красного, зеленого и синего цветов.
Отсюда и сокращение RGB. Только интенсивность здесь задается цифрами 0 из 255, где 0 — самая низкая интенсивность, 255 — самая высокая. Например, зеленый будет выглядеть так: rgb (0, 255, 0) ;
Все эти значения подходят для других ситуаций, когда нужен цвет, например, в background-color .
Таблица из 140 цветов HTML с именами и кодами (строка, HEX, rgb)
В этой таблице вы найдете все цвета, которые имеют имя HTML и код. Если вы хотите, чтобы стал FULL STACK JS Developer , вы можете присоединиться к моему курс современной веб-разработки
| Цвет | Имя | Код строки HTML | Шестнадцатеричный код | Код 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) | ||
| темный лосось | темно-лососевый | #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) | ||
| светло-бирюзовый | бледно-бирюзовый | #АФЕЕЕЕ | (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) | ||
| светло-желтый золотой стержень | светло-золотистый родо-желтый | #ФАФАД2 | (250 250 210) | ||
| светло-желтый | светло-желтый | #FFFFFE0 | (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) | ||
| цветочный белый | в цветочекбелый | #FFFFAF0 | (255 250 240) | ||
| Алиса Блю | алисаблю | #F0F8FF | (240 248 255) | ||
| призрачный белый | призрачный белый | #F8F8FF | (248 248 255) | ||
| медовая роса | медвяная роса | #F0FFF0 | (240 255 240) | ||
| слоновая кость | слоновая кость | #FFFFFF0 | (255 255 240) | ||
| лазурный | лазурный | #F0FFFF | (240 255 255) | ||
| снег | снег | #FFFAFA | (255 250 250) | ||
| черный | черный | #000000 | (0,0,0) | ||
| темно-серый | темно-серый | #696969 | (105,105,105) | ||
| серый | серый | #808080 | (128 128 128) | ||
| темно-серый / темно-серый | темно-серый | #A9A9A9 | (169 169 169) | ||
| серебро | серебро | #C0C0C0 | (192 192 192) | ||
| светло-серый / светло-серый | светло-серый | #D3D3D3 | (211 211 211) | ||
| Гейнсборо | Гейнсборо | #DCDCDC | (220 220 220) | ||
| белый дым | белый дым | #F5F5F5 | (245 245 245) | ||
| белый | белый | #FFFFFF | (255 255 255) |
Подробнее учебники по HTML или Изучите Full-Stack JS с нуля!
Таблица цветов HTML
Следующая таблица содержит шестнадцатеричные коды цветов RGB, используемые различными тегами HTML (язык гипертекстовой разметки) и атрибутами CSS (каскадная таблица стилей) для указания значений цвета.
Шестнадцатеричный код цвета RGB, которому предшествует символ «#», представлен вместе с соответствующим названием цвета, оба из которых отображаются над полем, содержащим пример этого цвета.
Названия цветов облегчают идентификацию связанного элемента RGB. Некоторые из этих названий цветов распознаются браузерами. Однако, чтобы быть в безопасности, всегда используйте шестнадцатеричный код RGB. Обратите внимание, что если вы хотите использовать название цвета, организация веб-стандартов W3C установила, что только 16 имен цветов пройдут их проверочные тесты. По состоянию на март 2007 года этими 16 цветами были: цвет морской волны, черный, синий, фуксия, серый, зеленый, салатовый, темно-бордовый, темно-синий, оливковый, фиолетовый, красный, серебристый, бирюзовый, белый и желтый.
Цвета, содержащиеся в следующей таблице, составляют 216 цветов, которые считаются безопасными для Интернета.
#FFFFFF | #FF0000 | #00FF00 | #0000FF |
| Белый | Красный | Зеленый | Синий |
#FF00FF | #00FFFF | #FFFF00 | #000000 |
| Пурпурный | Голубой | Желтый | Черный |
#70DB93 | #5C3317 | #9F5F9F | #B5A642 |
| Аквамарин | Шоколад | Фиолетовый | Латунь |
#D9D919 | #A62A2A | #8C7853 | #A67D3D |
| Яркое золото | Коричневый | Бронза | Бронза II |
#5F9F9F | #D98719 | #B87333 | #FF7F00 |
| Cadet Blue | Cool Copper | Copper | Coral |
#42426F 91 786 Синий цветок кукурузы | #5C4033 | #2F4F2F | #4A766E |
| Цветок кукурузы синий | Темно-коричневый | Темно-зеленый | Темно-зеленая медь |
#4F4F2F | #9932CD | #871F78 | #6B238E | Темно-оливково-зеленый | Темно-орхидейный | Темно-фиолетовый | Темно-сланцевый |
#2F4F4F | #97694F | #7093DB | #855E42 |
| Темно-серый сланец | Темно-коричневый | Темно-бирюзовый | Темное дерево |
#545454 | #856363 | #D19275 9 1786 Полевой шпат | #8E2323 |
| Темно-серый | Пыльно-розовый | Полевой шпат | Огнеупорный кирпич |
#F5CCB0 | #238E23 | #CD7F32 | #DBDB70 |
| Выцветший коричневый | Лесной зеленый | Золотой | Золотарник |
#C0C0C0 | #527F76 | #93DB70 | #215E21 |
| Серый | Зеленый Медный | Зеленый Желтый | Охотничий зеленый |
#4E2F2F | #9F9F5F 91 786 Хаки | #C0D9D9 | #A8A8A8 |
| Индийский красный | Хаки | Голубой | Светло-серый |
#8F8FBD | #E9C2A6 | #32CD32 | #E47833 |
| Голубой светло-стальной | Светлое дерево | Зеленый лайм | Оранжевый мандариан |
#32CD99 | #3232CD | #6B8E23 | |
| Темно-бордовый | Средний Аквамарин | Средний Синий | Средний Лесной Зеленый |
#EAEAAE | #9370DB | #426F42 | #7F00FF | Средний Золотарник | Средний Орхидея | Средний Морская зелень | Сланцево-синий средний |
#7FFF00 | #70DBDB | #DB7093 | 90 002 #A68064 Среднее дерево |
| Среднее весенне-зеленое | Среднее бирюзовое | Средний фиолетово-красный | Среднее дерево |
#2F2F4F | #23238E | #4D4DFF | #FF6EC7 |
| Темно-синий 9010 4 | Темно-синий | Неоновый синий | Неоново-розовый |
#00009C | #EBC79E | #CFB53B | #FF7F00 |
| Новый полночный синий | Ново-коричневый | Старое золото | Оранжевый |
#FF2400 | #DB70DB | #8FBC8F | #BC8F8F |
| Оранжево-красный | Орхидея | Бледно-зеленый | Розовый |
#EAADEA | 9178 4 #5959AB | #6F4242 | |
| Сливовый | Кварц | Насыщенный синий | 924 20 Лососевый|
#8C1717 | #238E68 | #6B4226 | #8E6B23 |
| Скарлет | Морской зеленый | Полусладкий шоколад | Сиенна |
#E6E8FA | #3299CC | #007FFF | #FF1CAE |
| Серебристый | Голубой | Голубой 90 104 | Пряный розовый |
#00FF7F | #236B8E | #38B0DE | #DB9370 |
| Весенний зеленый | Стальной синий | Летнее небо | Желто-коричневый |
# D8BFD8 | #ADEAEA | #5C4033 | #CDCDCD |
| Бирюзовый | Очень темно-коричневый | Очень светло-серый | |
#4F2F4F | #CC3299 | #D8D8BF | 917 84|
| Фиолетовый | Фиолетово-красный | Пшеница | Желто-зеленый |
Вернуться к указателю раздела HTML.
