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

Около двухсот названий цветов с кодами — от бордового и марсалы до антрацита и тауп. Ищите по названию или введите код цвета: #9B2D30, 9b2d30 или 155, 45, 48 — и увидите, как он называется, а если точного названия нет — ближайшие по оттенку. Нажмите на любой цвет, чтобы скопировать HEX, RGB или HSL.

Как узнать название цвета по коду

Вставьте код в строку поиска — HEX с решёткой или без, или три числа RGB через пробел или запятую. Справочник сравнит его со всеми цветами и покажет ближайшие.

Сравнение идёт не по цифрам кода, а по тому, как цвет видит глаз: для этого коды переводятся в пространство CIELAB, где расстояние между цветами соответствует разнице, которую замечает человек. Поэтому #9B2D31 найдёт бордовый, хотя цифры не совпадают, а два цвета с похожими кодами, но разной светлотой, не будут выданы как одинаковые.

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

Откуда столько путаницы с названиями

У цвета нет паспорта. Одно и то же слово разные люди, производители красок и стандарты понимают по-разному, и справочники расходятся иногда заметно. Вот три главных источника путаницы.

Цвета CSS названы по-американски. Список из 148 именованных цветов веб-стандарта сложился в 1980-х из системы X11 и полон странностей. khaki в CSS — светлый жёлто-бежевый, а не армейский. violet — почти розовый, а не фиолетовый. azure — почти белый, а не лазурный. А darkgray светлее, чем gray, — историческая случайность, которую уже не исправить, чтобы не сломать миллионы сайтов. В справочнике такие цвета помечены, а привычные русские варианты есть отдельно.

Русская традиция шла от вещей. Бордовый — от вина бордо, терракотовый — от обожжённой глины, изумрудный и малахитовый — от камней. Такие названия описывают впечатление, а не точный код, поэтому оттенки у разных источников отличаются.

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

Значения в справочнике — общепринятые, а там, где единого стандарта нет, это указано в карточке цвета.

Цвета, которые путают чаще всего

Все они есть в справочнике: наберите название — увидите оттенки рядом и сравните сами.

Что читать дальше

• Конвертер цветов HEX, RGB, HSL — перевод между форматами, оттенки и гармоничные палитры.
• Генератор favicon — подобранный цвет пригодится для иконки сайта.
• Символы для текста — если оформляете не только цветом.

Частые вопросы

Как узнать название цвета по HEX-коду?

Введите код в строку поиска справочника — с решёткой или без. Если такой цвет есть в списке, он найдётся точно; если нет — будут показаны ближайшие названия, отсортированные по тому, насколько похож оттенок на глаз.

Какой цвет называется хаки?

В обиходе хаки — это грязно-оливковый, с коричневым оттенком, как у военной формы: примерно #806B2A. Но в CSS словом khaki назван совсем другой, светлый жёлто-бежевый цвет #F0E68C. Если пишете код для сайта и нужен «армейский» хаки, указывайте HEX, а не слово.

Чем бордовый отличается от марсалы?

Бордовый — тёмный насыщенный красный с коричневым подтоном, как вино бордо. Марсала мягче, приглушённее и заметнее уходит в коричневый: этот оттенок был цветом года по версии Pantone в 2015 году.

Чем сиреневый отличается от лилового?

Сиреневый светлее и мягче — как цветы сирени, с серовато-розовым оттенком. Лиловый насыщеннее, темнее и ближе к фиолетовому. Единого стандарта для лилового нет, поэтому разные источники дают разные коды.

Сколько всего существует названий цветов?

Строгого числа нет: названия постоянно появляются в моде, дизайне и у производителей красок. В веб-стандарте CSS именованных цветов 148, в каталогах вроде Pantone — тысячи. В справочнике собраны около двухсот самых употребимых — все цвета CSS и распространённые русские названия.

Почему в CSS darkgray светлее, чем gray?

Это историческая путаница. Названия цветов CSS достались от системы X11, где gray был светлым, а позже в веб-стандарте gray сделали равным #808080 по аналогии с HTML. Так darkgray #A9A9A9 оказался светлее обычного серого. Исправить это нельзя: изменились бы цвета на миллионах сайтов.

Какой цвет называется тауп?

Тауп — серо-коричневый, название пришло из французского и означает «крот». Популярен в интерьерах и одежде как спокойная альтернатива серому и бежевому. Распространённый код — #483C32.

Можно ли использовать русские названия цветов в CSS?

Нет. CSS понимает только английские названия из своего стандарта, например crimson или royalblue, либо коды — HEX, RGB, HSL. Для любых цветов, которых нет в стандарте, указывайте HEX: в карточке каждого цвета он копируется одним нажатием.