Найдите ближайший именованный CSS-цвет и ближайший оттенок Tailwind для любого цвета — перцептивное совпадение с готовыми к копированию значениями.

Ваш цвет
#3B82F6
Ближайший CSS-цвет
Отличие:
Точное совпадение
Ближайший оттенок Tailwind
Отличие:
Точное совпадение

Введите или выберите любой цвет и мгновенно увидите ближайший именованный CSS-цвет и оттенок Tailwind — перцептивное совпадение прямо в браузере.


О Поиск именованного цвета

Поиск названия цвета отвечает на простой вопрос: как называется этот цвет? Введите или выберите любой цвет, и инструмент мгновенно вернёт ближайший именованный цвет CSS — из стандартного списка, понятного браузерам, например «steelblue» или «coral», — вместе с ближайшим оттенком палитры Tailwind, таким как «sky-600».

Сопоставление скорее перцептивное, чем чисто числовое, поэтому предложенные названия действительно похожи на введённый цвет, а не просто близки в терминах чистого RGB. Индикатор разницы показывает, точное ли совпадение, очень близкое или лишь приблизительное, чтобы вы знали, какой точностью жертвуете ради запоминающегося названия.

Поиск полностью выполняется в вашем браузере с кнопками копирования для каждого результата. Это удобно для написания более читаемого CSS, привязки произвольных фирменных цветов к шкале Tailwind или просто узнавания названия цвета, выбранного с фотографии.

Как использовать Поиск именованного цвета

  1. Введите значение цвета или выберите его с помощью палитры; нажмите «Случайный», чтобы поисследовать.
  2. Ознакомьтесь с ближайшим именованным цветом CSS и ближайшим оттенком Tailwind, показанными рядом с вашим вводом.
  3. Проверьте индикатор разницы, чтобы увидеть, насколько близко каждое совпадение.
  4. Нажмите «Копировать» на нужном вам значении.

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

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

CSS определяет около 148 именованных цветов (147 уникальных значений, поскольку некоторые являются псевдонимами, например gray/grey), от базовых вроде «red» до редких, таких как «papayawhip». Их понимает любой браузер, и этот инструмент находит ближайший к любому введённому вами цвету.

Инструмент использует метрику перцептивного цветового расстояния, а не простое сравнение RGB, поэтому предложенное название отражает то, насколько похожи цвета для человеческого глаза, — это особенно важно для приглушённых тонов и оттенков, близких к серому.

Ближайший оттенок из стандартной цветовой палитры Tailwind, названный в привычном формате «оттенок плюс число», например «emerald-500». Это полезно для привязки произвольных дизайнерских цветов к шкале Tailwind, чтобы утилитарные классы оставались согласованными.

Введённый вами цвет идентичен именованному цвету — можно заменить название на значение HEX без визуальных изменений. Более низкие оценки («Very close», «Close», «Approximate») указывают на растущую, хотя часто незаметную, разницу.

Поделиться

Популярные запросы
поиск названия цвета ближайшее название цвета css найти название цвета ближайший цвет tailwind hex в название цвета определить название цвета
Нужна помощь?
Возникла проблема с этим инструментом? Сообщите нам.
Сообщить о проблеме

Добавьте этот бесплатный инструмент на свой сайт — скопируйте и вставьте код ниже.