Опубликовано: 31.01.2021

Стандартные идентификаторы цветов

Как я уже говорил ранее, указать значение цвета в стилевых свойствах color, background-color, border-color и других подобных можно с помощью ключевых слов, представляющих собой стандартизированные идентификаторы цветов. Полный список идентификаторов, соответствующий CSS Color Module Level 4, приведён в таблице ниже:

ИдентификаторHEX-кодОписание
aliceblue#F0F8FFБлекло-голубой
antiquewhite#FAEBD7Античный белый
aqua#00FFFFГолубой
aquamarine#7FFFD4Аква­марин
azure#F0FFFFЛазурь
beige#F5F5DCБежевый
bisque#FFE4C4Бис­квит­ный
black#000000Чёрный
blanchedalmond#FFEBCDСветло-кре­мо­вый
blue#0000FFСиний
blueviolet#8A2BE2Светло-фио­ле­товый
brown#A52A2AКорич­невый
burlywood#DEB887Старого дерева
cadetblue#5F9EA0Блеклый серо-голубой
chartreuse#7FFF00Шартрёз
chocolate#D2691EШоколадный
coral#FF7F50Коралловый
cornflowerblue#6495EDВасильковый
cornsilk#FFF8DCБледно-жёлтый
crimson#DC143CМалиновый
cyan#00FFFFЦиан
darkblue#00008BТёмно-синий
darkcyan#008B8BТёмный циан
darkgoldenrod#B8860BТёмно-золотой
darkgray#A9A9A9Тёмно-серый
darkgreen#006400Тёмно-зелёный
darkkhaki#BDB76BТёмный хаки
darkmagenta#8B008BТёмный фуксин
darkolivegreen#556B2FТёмно-олив­ковый
darkorange#FF8C00Тёмно-оран­жевый
darkorchid#9932CCТёмно-орхи­дейный
darkred#8B0000Тёмно-красный
darksalmon#E9967AТёмный оран­жево-розо­вый
darkseagreen#8FBC8FТёмный морской волны
darkslateblue#483D8BТёмный серо­вато-синий
darkslategray#2F4F4FТёмный сине­вато-серый
darkturquoise#00CED1Тёмно-бирю­зовый
darkviolet#9400D3Тёмно-фиоле­товый
deeppink#FF1493Тёмно-розовый
deepskyblue#00BFFFТёмный небесно-синий
dimgray#696969Тускло-серый
dodgerblue#1E90FFТускло-василь­ковый
firebrick#B22222Кирпич­ный
floralwhite#FFFAF0Цве­точно-белый
forestgreen#228B22Лесной зелёный
fuchsia#FF00FFСветло-фиоле­товый (фуксия)
gainsboro#DCDCDCСветлый серо-фиоле­товый
ghostwhite#F8F8FFТуманно-белый
gold#FFD700Золотой
goldenrod#DAA520Красного золота
gray#808080Серый
green#008000Зелёный
greenyellow#ADFF2FЖёлто-зелёный
honeydew#F0FFF0Свежего мёда
hotpink#FF69B4Ярко-розовый
indianred#CD5C5CКрасно­ватый индиго
indigo#4B0082Индиго
ivory#FFFFF0Слоно­вой кости
khaki#F0E68CХаки
lavender#E6E6FAБледно-лило­вый
lavenderblush#FFF0F5Бледный розово-лиловый
lawngreen#7CFC00Зелёная лужайка
lemonchiffon#FFFACDЛимон­ный
lightblue#ADD8E6Светло-синий
lightcoral#F08080Светло-корал­ловый
lightcyan#E0FFFFСветлый циан
lightgoldenrodyellow#FAFAD2Светлый жёлто-золотой
lightgray#D3D3D3Светло-серый
lightgreen#90EE90Светло-зелёный
lightpink#FFB6C1Светло-розовый
lightsalmon#FFA07AСветлый оран­жево-розовый
lightseagreen#20B2AAСветлый морской волны
lightskyblue#87CEFAСветлый небесно-синий
lightslategray#778899Светлый сине­вато-серый
lightsteelblue#B0C4DEСветло-сталь­ной
lightyellow#FFFFE0Светло-жёлтый
lime#00FF00Светло-зелёный (лимон­ный)
limegreen#32CD32Зелено­вато-лимон­ный
linen#FAF0E6Льняной
magenta#FF00FFСветло-фиоле­товый (фуксия)
maroon#800000Тёмно-красный
mediumaquamarine#66CDAAУмеренно-аква­мари­новый
mediumblue#0000CDУмеренно-синий
mediumorchid#BA55D3Уме­ренно-орхи­дейный
mediumpurple#9370DBУме­ренно-пурпур­ный
mediumseagreen#3CB371Уме­ренный морской волны
mediumslateblue#7B68EEУме­рен­ный серо­вато-синий
mediumspringgreen#00FA9AУмерен­ный весенне-зелёный
mediumturquoise#48D1CCУме­ренно-бирю­зовый
mediumvioletred#C71585Уме­ренный красно-фиоле­товый
midnightblue#191970Ночной синий
mintcream#F5FFFAМятно-кремо­вый
mistyrose#FFE4E1Туман­но-розо­вый
moccasin#FFE4B5Болотный
navajowhite#FFDEADБелый навахо
navy#000080Тёмно-синий
oldlace#FDF5E6Старого коньяка
olive#808000Олив­ко­вый
olivedrab#6B8E23Олив­ковый мато­вый
orange#FFA500Оран­жевый
orangered#FF4500Красно-оран­жевый
orchid#DA70D6Орхи­дейный
palegoldenrod#EEE8AAБледно-золотой
palegreen#98FB98Бледно-зелёный
paleturquoise#AFEEEEБледно-бирю­зовый
palevioletred#DB7093Бледный красно-фиоле­товый
papayawhip#FFEFD5Дыни
peachpuff#FFDAB9Перси­ковый
peru#CD853FСветло-корич­невый
pink#FFC0CBРозовый
plum#DDA0DDСливо­вый
powderblue#B0E0E6Туманно-голубой
purple#800080Тёмно-фиоле­товый (пурпур­ный)
rebeccapurple#663399Ребекка
red#FF0000Красный
rosybrown#BC8F8FРозово-корич­невый
royalblue#4169E1Коро­лев­ский синий
saddlebrown#8B4513Кожано-корич­невый
salmon#FA8072Оран­жево-розо­вый
sandybrown#F4A460Рыже-корич­невый
seagreen#2E8B57Морской волны
seashell#FFF5EEМорской пены
sienna#A0522DОхра
silver#C0C0C0Светло-серый
skyblue#87CEEBНебес­но-голу­бой
skyblue#6A5ACDСеро­вато-синий
slategray#708090Сине­вато-серый
snow#FFFAFAСнежный
springgreen#00FF7FВесен­ний зелёный
steelblue#4682B4Голубо­вато-сталь­ной
tan#D2B48CЖелто­вато-корич­невый
teal#008080Сине-зелёный
thistle#D8BFD8Черто­полоха
tomato#FF6347Томат­ный
turquoise#40E0D0Бирю­зовый
violet#EE82EEФиоле­товый
wheat#F5DEB3Пшенич­ный
white#FFFFFFБелый
whitesmoke#F5F5F5Белый дым­чатый
yellow#FFFF00Жёлтый
yellowgreen#9ACD32Жёлто-зелё­ный

Примечание: Надо заметить, что использование всех вышеперечисленных идентификаторов стандартизировано только для CSS-свойств. Для использования в атрибутах HTML-тегов (имеются в виду такие атрибуты как color, bgcolor, text и др. подобные) в своё время было стандартизировано только шестнадцать имён цветов (см. спецификацию). На сегодняшний день все эти атрибуты являются устаревшими и не рекомендованы к применению.

Другие статьи по схожей тематике

Раздел: CSS