Почему для расчета используется метрика CIEDE2000?

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

Сколько именованных цветов поддерживает инструмент?

Поддерживаются все 148 ключевых слов стандарта CSS Color Module Level 4, представляющие 139 уникальных оттенков с учетом синонимов.

Как интерпретировать значение ΔE (Delta E)?

Значение ΔE менее 1 незаметно для глаза, от 1 до 2 едва различимо, от 2 до 10 заметно при сравнении, а выше 50 указывает на противоположные цвета.

Чем режим семейства отличается от поиска ближайших?

Режим семейства группирует и показывает все стандартные цвета CSS из той же категории тона (например, все оттенки синего или фиолетового).

Elysia Tools

Навигация

Design

Определитель имён цветов CSS

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

Детали

С чем помогает этот инструмент

Основан на полном списке ключевых слов CSS Color Module Level 4 (148 слов, 139 различных цветов; псевдонимы gray/grey, aqua/cyan, fuchsia/magenta объединены). Расстояние — CIEDE2000 (версия Sharma/Wu/Dalal 2005 со случаями перехода тона 180°) через sRGB → линейный RGB → XYZ(D65) → CIELab; классические сервисы считают чистую RGB-метрику и плохо ранжируют тёмно-синие — переключите метрику, чтобы увидеть разницу. Обзор семейств делит 139 цветов на 12 групп по HSL-порогам. Ориентир ΔE: <1 незаметно, 1–2 едва заметно, 2–10 очевидно, ≥50 противоположные цвета.

Запуск

Запустить этот инструмент

Заполните форму, запустите инструмент и посмотрите результат на этой же странице.

Подготовленные примеры запуска

Нажмите пример, чтобы автоматически заполнить форму. Файлы по-прежнему нужно загрузить.

2 примеров

Sandybrown — точное попадание

Разбор #f4a460 точно попадает в именованный цвет sandybrown с ΔE 0; список кандидатов показывает, насколько далеки остальные.

<section class="cnr">exact match banner for sandybrown (#f4a460) · ranked list of 8 nearest colors with ΔE00 values and quality chips</section>

Фирменный фиолетовый — режим семейства

В режиме семейства #8842d4 показывает 16 именованных цветов семейства purple-violet по возрастанию ΔE00; ближайший blueviolet (3.68) подойдёт для design-токенов.

<section class="cnr">family browse card: purple-violet family of 16 named colors, each with ΔE00 distance from #8842d4</section>

Ввод

Заполните нужные поля и запустите инструмент.

4 параметров

СодержимоеВставьте или введите основные значения.1

Цвет (hex или имя CSS)textОбязательно

НастройкиНастройте форматы, диапазоны, числа и режимы.3

Метрика расстоянияselectНеобязательноРежим результатаselectНеобязательноКоличество совпаденийnumberНеобязательно

Результат

Готово к запуску

После запуска здесь появятся файлы, текст, структурированные данные или потоковый вывод.

Примеры

Примеры для этого инструмента

Связано

Определитель имён цветов CSS

С чем помогает этот инструмент

Запустить этот инструмент

Подготовленные примеры запуска

Ввод

Результат

Примеры для этого инструмента

Продолжить с похожими инструментами и темами

Подготовленные примеры запуска

Ввод

Результат

Узнайте, когда использовать этот инструмент, что он поддерживает и как его применяют пользователи.

Ключевые факты

Обзор

Когда использовать

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

Сценарии использования

Примеры

1. Определение точного совпадения по HEX-коду

2. Подбор оттенков фиолетового семейства

FAQ

Примеры цветовых кодов

Примеры Обработки Изображений Web Python

Примеры CSS-фреймворка Bulma

Примеры CSS-селекторов

Конвертер цвета CMYK

Сепия-Тонер

Конвертер цветовых пространств

Инструмент Разделенных Дополнительных Цветов

Инструменты перевода цветовых пространств для веба и печати

Генераторы CSS-эффектов, палитр и дизайн-токенов

Instrumenty audita web-dostupnosti i proverki chitaemyh cvetov

Инструменты цветового дизайна и преобразования цветовых пространств