HexeesЦифровой цвет с пользой.
← Вернуться в каталог цветов

Справочник ключевых слов W3C

Именованные цвета CSS без повторяющихся образцов

Найдите стандартизированное ключевое слово непрозрачного цвета CSS, скопируйте точное значение и проверьте, какие написания задают один цвет sRGB. Псевдонимы объединены, а не превращены в повторяющиеся страницы.

  • 148написаний непрозрачных ключевых слов
  • 139разных цветов sRGB
  • 9пар с одинаковым значением

Источник и метод

Таблица стандарта, а не придуманные названия.

CSS Color Module Level 4 задаёт каждый непрозрачный именованный цвет точным значением sRGB. Hexees сохраняет написания ключевых слов, объединяет точные псевдонимы и рассчитывает RGB и контраст из указанного HEX.

Версия
CSS Color Module Level 4
Лицензия
W3C Document License

Полный поиск

Ищите, сравнивайте и копируйте.

Локальный фильтр понимает ключевое слово, русское отображаемое имя, HEX, RGB и семейство. Текст поиска остаётся в браузере и не создаёт новый индексируемый URL.

Найдено 139 из 139 цветов; сейчас показано 24

Синие

aliceblue

Голубой Алисы
Скопировать CSS, HEX или RGB
Чёрный текст
19.58:1
Белый текст
1.07:1
Открыть цвет

Нейтральные

antiquewhite

Античный белый
Скопировать CSS, HEX или RGB
Чёрный текст
17.93:1
Белый текст
1.17:1
Открыть цвет

Циановые

aquamarine

Аквамариновый
Скопировать CSS, HEX или RGB
Чёрный текст
17.16:1
Белый текст
1.22:1
Открыть цвет

Циановые

azure

Лазурный
Скопировать CSS, HEX или RGB
Чёрный текст
20.45:1
Белый текст
1.03:1
Открыть цвет

Жёлтые

beige

Бежевый
Скопировать CSS, HEX или RGB
Чёрный текст
18.98:1
Белый текст
1.11:1
Открыть цвет

Оранжевые

bisque

Бисквитный
Скопировать CSS, HEX или RGB
Чёрный текст
17.15:1
Белый текст
1.22:1
Открыть цвет

Нейтральные

black

Чёрный
Скопировать CSS, HEX или RGB
Чёрный текст
1.00:1
Белый текст
21.00:1
Открыть цвет

Оранжевые

blanchedalmond

Бланшированный миндаль
Скопировать CSS, HEX или RGB
Чёрный текст
18.02:1
Белый текст
1.17:1
Открыть цвет

Синие

blue

Синий
Скопировать CSS, HEX или RGB
Чёрный текст
2.44:1
Белый текст
8.59:1
Открыть цвет

Фиолетовые

blueviolet

Сине-фиолетовый
Скопировать CSS, HEX или RGB
Чёрный текст
3.52:1
Белый текст
5.96:1
Открыть цвет

Красные

brown

Коричневый
Скопировать CSS, HEX или RGB
Чёрный текст
2.96:1
Белый текст
7.08:1
Открыть цвет

Оранжевые

burlywood

Светло-древесный
Скопировать CSS, HEX или RGB
Чёрный текст
11.31:1
Белый текст
1.86:1
Открыть цвет

Циановые

cadetblue

Кадетский синий
Скопировать CSS, HEX или RGB
Чёрный текст
6.88:1
Белый текст
3.05:1
Открыть цвет

Зелёные

chartreuse

Шартрез
Скопировать CSS, HEX или RGB
Чёрный текст
16.21:1
Белый текст
1.30:1
Открыть цвет

Оранжевые

chocolate

Шоколадный
Скопировать CSS, HEX или RGB
Чёрный текст
5.78:1
Белый текст
3.63:1
Открыть цвет

Красные

coral

Коралловый
Скопировать CSS, HEX или RGB
Чёрный текст
8.40:1
Белый текст
2.50:1
Открыть цвет

Синие

cornflowerblue

Васильковый
Скопировать CSS, HEX или RGB
Чёрный текст
7.06:1
Белый текст
2.97:1
Открыть цвет

Жёлтые

cornsilk

Кукурузный шёлк
Скопировать CSS, HEX или RGB
Чёрный текст
19.71:1
Белый текст
1.07:1
Открыть цвет

Красные

crimson

Малиновый
Скопировать CSS, HEX или RGB
Чёрный текст
4.21:1
Белый текст
4.99:1
Открыть цвет

Циановые

cyan / aqua

Циан / Aqua
Скопировать CSS, HEX или RGB
Чёрный текст
16.75:1
Белый текст
1.25:1
Открыть цвет

Синие

darkblue

Тёмно-синий DarkBlue
Скопировать CSS, HEX или RGB
Чёрный текст
1.37:1
Белый текст
15.30:1
Открыть цвет

Циановые

darkcyan

Тёмный циан
Скопировать CSS, HEX или RGB
Чёрный текст
5.07:1
Белый текст
4.15:1
Открыть цвет

Жёлтые

darkgoldenrod

Тёмно-золотистый
Скопировать CSS, HEX или RGB
Чёрный текст
6.45:1
Белый текст
3.25:1
Открыть цвет

Нейтральные

darkgray / darkgrey

Тёмно-серый (darkgray / darkgrey)
Скопировать CSS, HEX или RGB
Чёрный текст
8.94:1
Белый текст
2.35:1
Открыть цвет

Канонические псевдонимы

Девять пар, по одному значению на пару.

Оба написания в каждой паре являются отдельными допустимыми ключевыми словами CSS, но задают одинаковые каналы sRGB. Hexees показывает один канонический образец и оба написания.

cyanaqua#00FFFF
magentafuchsia#FF00FF
graygrey#808080
darkgraydarkgrey#A9A9A9
darkslategraydarkslategrey#2F4F4F
dimgraydimgrey#696969
lightgraylightgrey#D3D3D3
lightslategraylightslategrey#778899
slategrayslategrey#708090

За пределами непрозрачной таблицы

Два полезных ключевых слова не являются образцами цвета.

transparent

transparent обозначает полностью прозрачный чёрный. Видимый результат зависит от фона под ним, поэтому это значение не входит в 148 непрозрачных именованных цветов.

currentcolor

currentcolor получает значение из свойства color элемента. Оно зависит от контекста, а не от постоянной тройки sRGB, поэтому его нельзя показать каноническим образцом.

Границы проверки доступности

Проверяйте реальную пару и весь интерфейс.

Коэффициенты на карточках сравнивают точный непрозрачный цвет sRGB только с чёрным и белым. Для WCAG 2.2 AA требуется минимум 4,5:1 для обычного и 3:1 для крупного текста, но результат относится лишь к проверенной паре.

Градиенты, изображения, прозрачность, размер и насыщенность шрифта, состояния, индикаторы фокуса и соседние цвета нужно проверять отдельно. Эти расчёты не подтверждают соответствие всего интерфейса.

Не передавайте ошибку, состояние, выбор или обязательное действие только цветом: добавьте текст, форму или другую программно доступную подсказку.