Перейти к подбору цвета

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

Все именованные цвета из спецификации CSS, сгруппированные по тону и отсортированные от светлых к тёмным. Нажмите на имя или HEX, чтобы скопировать.

Красные

Розово-красные

Розовые

Пурпурные

  • то же, что magenta

  • то же, что fuchsia

Фиолетово-пурпурные

Фиолетовые

Индиговые

Синие

  • то же, что lightslategrey

  • то же, что lightslategray

  • то же, что slategrey

  • то же, что slategray

Голубые

Циановые

  • то же, что cyan

  • то же, что aqua

  • то же, что darkslategrey

  • то же, что darkslategray

Сине-зелёные

Изумрудные

Зелёные

Лаймовые

Жёлтые

Янтарные

Оранжевые

Коричневые

Бежевые

Белые

Серые

  • то же, что lightgrey

  • то же, что lightgray

  • то же, что darkgrey

  • то же, что darkgray

  • то же, что grey

  • то же, что gray

  • то же, что dimgrey

  • то же, что dimgray

Чёрные

Вопросы и ответы

Сколько именованных цветов в CSS?

В CSS Color 4 их 148, от aliceblue до yellowgreen. Некоторые из них синонимы с одинаковым значением, например gray и grey или aqua и cyan. Ещё есть ключевые слова transparent и currentcolor, но это не фиксированные цвета.

В CSS gray и grey это одно и то же?

Да. У каждого серого имени есть написание через grey с тем же значением, например darkgray и darkgrey оба равны #a9a9a9. Любопытно, что darkgray светлее, чем gray: это наследие палитры X11.

Стоит ли использовать названия цветов в рабочем CSS?

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