🏷️ Цвета ✓ Бесплатно

Именованные
цвета CSS

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

🔍Поиск по трём полям
🎨Фильтр по оттенкам
🇷🇺Русские названия
Копирование в клик
Поиск по списку
Группа оттенков
Порядок

Найдено: 141. Нажмите на образец, чтобы скопировать код.

Почему 148 слов, но 139 цветов

Список рос стихийно. Первые шестнадцать названий пришли из ранних версий HTML, потом добавились цвета, которые поддерживал браузер Netscape, и в стандарт они попали почти без ревизии. Отсюда и несовпадение чисел: aqua и cyan обозначают один и тот же цвет, fuchsia и magenta тоже, а семь названий имеют британское написание через grey наравне с американским gray.

Той же историей объясняется самая известная странность стандарта: darkgray на самом деле светлее, чем gray. Первый равен #A9A9A9, второй #808080. Названия достались из разных наборов, а исправить их уже нельзя — это сломало бы существующие сайты.

  • aqua = cyan — оба #00FFFF
  • fuchsia = magenta — оба #FF00FF
  • gray = grey — оба написания работают
  • darkgray — светлее, чем gray
  • rebeccapurple — единственное добавленное в память о человеке
Ловушки списка Осторожно
darkgray против gray светлее, а не темнее
green против lime green тёмный
purple против fuchsia разные цвета
Нет оттенков серого всего девять нейтральных
Шестнадцать первых Из HTML 3.2
Тёмные black, maroon, green, olive
Синие navy, blue, teal, aqua
Яркие red, lime, yellow, fuchsia
Светлые white, silver, gray, purple

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

Ключевых слов 148, но разных цветов среди них 139. Разница возникает из-за синонимов: aqua совпадает с cyan, fuchsia с magenta, а семь названий имеют британское написание через grey, которое работает наравне с американским gray.
Это историческая несогласованность. Слово gray пришло из первых версий HTML со значением #808080, а darkgray — из более позднего набора X11, где серый был темнее. Когда наборы объединили, получилось, что «тёмно-серый» #A9A9A9 оказался светлее просто «серого». Исправить это уже нельзя: изменение сломало бы существующие сайты.
Да, все 148 слов поддерживаются любым браузером и работают везде, где ожидается цвет. Регистр не важен: Tomato и tomato дадут одинаковый результат. На практике их всё же используют редко — точный оттенок из палитры проекта названием не задать.
Единственное название, добавленное в стандарт в память о конкретном человеке — дочери Эрика Мейера, одного из известных специалистов по CSS. Значение #663399 было её любимым цветом. Слово вошло в спецификацию в 2014 году.
Это разные цвета, и путаница здесь частая. Green равен #008000 — тёмный, приглушённый зелёный. Lime равен #00FF00 — чистый зелёный канал на максимуме, тот самый яркий, который обычно и подразумевают, говоря «зелёный» о экранном цвете.
Скорее всего нет: нейтральных в стандарте всего девять, и промежуточных значений между ними не предусмотрено. Для интерфейсов удобнее задавать серые кодом или через HSL с нулевой насыщенностью — тогда шкалу можно построить с любым шагом.