Что такое именованные цвета CSS?

Именованные цвета CSS — это набор предопределённых ключевых слов цветов, которые браузеры и инструменты дизайна распознают по названию — слова вроде tomato, steelblue, cornflowerblue или rebeccapurple. В спецификации CSS Color Level 4 определено 147 стандартных именованных цветов (также известный как список цветов W3CX11). Каждое имя соответствует определённому значению в шестнадцатеричной системе, что позволяет легко ссылаться на цвета в коде без необходимости запоминать точные значения RGB или HEX.

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

Описание инструмента

Color Name Finder принимает любой выбранный вами цвет — через палитру цветов или ввод HEX-кода — и определяет ближайший именованный цвет CSS. Когда выбранный цвет точно совпадает с цветом CSS, инструмент показывает идеальное совпадение. В противном случае он вычисляет перцептивное расстояние цвета до каждого именованного цвета, используя алгоритм CIEDE2000, и возвращает ближайший вариант вместе с числовой оценкой расстояния, указывающей на степень близости совпадения.

Возможности

  • Перцептивное сопоставление цветов — использует формулу различия цветов CIEDE2000, тот же показатель, что применяется в профессиональной цветовой науке, для поиска визуально наиболее похожего именованного цвета вместо просто ближайшего значения HEX.
  • Обнаружение точного совпадения — мгновенно распознаёт любой из 147 стандартных именованных цветов CSS и сообщает о точном совпадении с нулевым расстоянием.
  • Оценка расстояния ΔE — показывает числовое значение delta E, позволяя вам оценить, насколько близко ближайшее имя; значения ниже 2 обычно незаметны для человеческого глаза.