Перейти к содержимому

HTML-цвета онлайн

Справочник HTML-цветов: поиск CSS named colors по имени, HEX, RGB и HSL, просмотр алиасов с одинаковым HEX, базовых 16 цветов, transparent и currentColor.

Инструмент загружается...

# HTML-цвета онлайн

Справочник HTML-цветов помогает быстро найти именованный CSS-цвет, сверить его HEX, RGB и HSL-представления и взять готовую CSS-запись без ручной проверки таблиц.

Named color — это готовое CSS-имя вроде royalblue, а HEX — числовой код вроде #4169e1. На странице оба подхода связаны в одном справочнике: можно искать по имени, HEX, RGB, HSL и алиасам.

Что показывает справочник

  • основной найденный цвет с HEX, RGB, HSL и примером CSS-записи;
  • компактный каталог со swatch, именем, HEX, RGB, семейством цвета и алиасами;
  • базовые 16 HTML-цветов отдельным фильтром;
  • группы имен, которые ведут к одному HEX;
  • специальные CSS-значения transparent и currentColor.

Если у нескольких имен один и тот же HEX, это не ошибка. Такие цвета показываются как алиасы: имя может отличаться, но технически вести к одному цветовому значению.

Когда это полезно

Справочник подходит для задач, где нужно быстро вспомнить имя цвета, проверить числовой код или выбрать более понятный алиас для CSS. Он помогает сверить готовую запись вида color: royalblue; или значение transparent для фона, рамки и других CSS-свойств.

Named color, HEX и RGB

Именованный цвет удобен для чтения кода, но HEX и RGB точнее показывают числовое значение. Например, один и тот же цвет можно хранить как имя, шестнадцатеричный код или RGB-каналы.

$$ \#RRGGBB = (R,G,B) $$

Каждый RGB-канал остается в диапазоне от 0 до 255.

$$ 0 \le R,G,B \le 255 $$

Ограничения

Страница сфокусирована на HTML/CSS named colors и их справочном использовании. Она не подбирает произвольные палитры, не рассчитывает CMYK/HSV и не заменяет полноценный color picker. Если нужного произвольного цвета нет в каталоге named colors, используйте отдельный конвертер или инструмент выбора цвета.

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

На этой странице HTML-цвета рассматриваются как именованные CSS-цвета: готовые названия вроде royalblue, которые можно быстро найти и сверить с кодами HEX, RGB и HSL.

Named color — это готовое CSS-имя вроде royalblue, а HEX — числовой код вроде #4169e1. Справочник помогает найти имя и увидеть его числовые представления.

Несколько CSS-имен могут вести к одному HEX. В справочнике такие совпадения показываются как алиасы, чтобы было видно, что это не разные оттенки, а разные имена одного значения.

Да. Поиск поддерживает имя цвета, HEX, rgb(...) и hsl(...), а результат показывает основные представления выбранного named color.

transparent и currentColor — специальные CSS-значения, которые часто нужны в вёрстке. В справочнике они обрабатываются в том же поисковом сценарии и показывают CSS-пример.

Скопировано