Поиск названия цвета

Поддерживаются #RGB, #RGBA, #RRGGBB, #RRGGBBAA, целые значения rgb()/rgba() и процентные hsl()/hsla().

Введите цвет в HEX, RGB или HSL, чтобы найти ближайший стандартный именованный цвет CSS. Инструмент также покажет нормализованные HEX, RGB, HSL и CIELAB и разницу CIEDE2000. Все вычисления выполняются в браузере. В пошаговом режиме введённый цвет включается в URL страницы и отправляется на сервер с запросом страницы; расчёт совпадения по-прежнему выполняется только в браузере.

Как найти название цвета CSS

  1. 1

    Введите цвет

    Используйте текстовое поле или палитру. Принимаются строгий HEX, целые RGB и процентные HSL.

  2. 2

    Проверьте и преобразуйте

    Значение проверяется и переводится в sRGB, HSL и CIELAB с точкой белого D65.

  3. 3

    Сравните названия CSS

    CIEDE2000 сравнивает непрозрачный RGB со всеми стандартными именованными цветами CSS.

  4. 4

    Проверьте или скопируйте

    Сравните образцы, посмотрите значения и скопируйте результат.

Что означает результат

CSS задаёт фиксированный список именованных цветов, например tomato, cornflowerblue и rebeccapurple. Если точного совпадения нет, показываются ближайшее название и его канонический HEX. Равнозначные псевдонимы, например aqua и cyan, выводятся вместе.

Сравнение переводит sRGB в CIELAB с точкой белого D65 и применяет CIEDE2000. Значение 0 означает точное совпадение RGB. Поддерживаются короткий и длинный HEX, целые rgb()/rgba() и процентные hsl()/hsla().

Альфа сохраняется в восьмизначном HEX, но не влияет на название. Инструмент не ищет в каталогах Pantone, красок, мелков или сообщества и не берёт цвет из изображений. Для доступности отдельно проверяйте контраст WCAG.

Часто задаваемые вопросы

Только при разнице CIEDE2000, равной 0. Иначе это ближайший стандартный именованный цвет CSS.

В CSS есть псевдонимы с одинаковым RGB, например aqua и cyan. Равные варианты выводятся вместе.

Нет. Альфа сохраняется в нормализованном HEX, но не участвует в сравнении.

Нет. Проверяйте контраст текста и фона по порогам WCAG.

Сопутствующие инструменты

Справочная таблица ASCII

Полная таблица ASCII от 0 до 127 с десятичным, шестнадцатеричным, восьмеричным и двоичным представлением, а также записью числовых ссылок HTML, включая NUL, LF и DEL.

Конвертер BBCode в HTML

Преобразуйте BBCode (разметку форумов) в чистый HTML. Поддерживает теги форматирования, списки, цитаты, код, изображения, ссылки и таблицы.

Генератор случайных цветовых палитр

Создавайте случайные палитры из 2–15 цветов, выбирайте яркий, пастельный, приглушенный или темный стиль и копируйте HEX-коды или CSS-переменные.

Выбор цвета HEX

Выберите или введите HEX-цвет и получите RGB, HSL, примерный CMYK, относительную яркость и контраст с белым и чёрным.

Конвертер двоичного кода в ASCII

Вставьте двоичный код (байты через пробел или длинный поток битов) и получите текст ASCII, который он представляет. Поддерживает 7-битные и 8-битные кодировки.

Генератор цветовой палитры

Создавайте монохромные, аналоговые, комплементарные, триадные или тетрадные палитры из базового HEX-цвета и экспортируйте готовые CSS-переменные.