ToolBox ProБлогEnglish

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

Найдите ближайший именованный CSS цвет для любого HEX или RGB значения. Просмотрите все 148 CSS именованных цветов с визуальными образцами. Бесплатный онлайн инструмент.

Всё работает в вашем браузере — данные не отправляются на сервер.

Зачем использовать поиск названий цветов?

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

Ключевые возможности

  • Поиск ближайшего CSS именованного цвета для любого HEX/RGB ввода
  • Вычисление цветового расстояния с использованием перцептивной аппроксимации CIE76
  • Визуальное сравнение между вводом и ближайшим совпадением
  • Просматриваемый список всех 148 CSS именованных цветов с образцами
  • Поиск и фильтрация цветов по имени или шестнадцатеричному значению

Как это работает

  1. Введите HEX код цвета (например, #4A90D9)
  2. Просмотрите ближайший CSS именованный цвет с расстоянием
  3. Сравните ваш цвет рядом с совпадением
  4. Просматривайте или ищите полный список CSS именованных цветов

Технические детали

Этот инструмент реализует формулу взвешенного евклидова расстояния с красным средним для сравнения цветов, которая аппроксимирует перцептивную разницу цветов CIE76. Формула взвешивает разницу красного канала сильнее, когда среднее значение красного выше, и синего — когда красное ниже. Все 148 стандартных CSS именованных цветов из CSS Color Module Level 4 включены.

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

Как вычисляется цветовое расстояние?

Мы используем взвешенное евклидово расстояние в пространстве RGB, учитывающее человеческое восприятие — разницы красного и зелёного взвешиваются сильнее в светлых цветах, а разницы синего — в тёмных. Это упрощённая аппроксимация CIE76.

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

CSS именованные цвета — это 148 предопределённых цветовых ключевых слов, распознаваемых всеми браузерами. Вместо использования шестнадцатеричных кодов вроде #FF6347, вы можете использовать имя 'tomato'. Они являются частью спецификации CSS Color Module.

Что означает число расстояния?

Расстояние — это числовая мера того, насколько два цвета различаются для человеческого глаза. Расстояние 0 означает точное совпадение. Обычно расстояния ниже 10 почти неразличимы, 10-30 — близкие совпадения, а выше 50 — заметно разные.

Похожие инструменты

Выбор цвета и конвертер

Выбирайте цвета и конвертируйте между форматами HEX, RGB, HSL и HSV

Конвертер HEX в RGB

Конвертируйте HEX-коды цветов в значения RGB и RGBA

Конвертер RGB в HEX

Конвертируйте значения RGB в HEX-коды

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

Создавайте цветовые палитры из базового цвета — комплементарные, аналоговые, триадные и другие

Проверка контрастности WCAG

Проверяйте коэффициенты контрастности цветов на соответствие WCAG AA и AAA

Генератор хеш-цвета

Генерируйте согласованные, детерминированные цвета из любой текстовой строки

← На главную