Руководство по измерению цвета
Как Delta E измеряет перцептивное различие цветов
Delta E превращает пару цветовых образцов в числовое различие. Руководство объясняет, что сравнивает CIEDE2000, как читать результат и где числа уже недостаточно.
различие цветов Delta E
Что измеряет Delta E?
Delta E измеряет числовое различие двух цветов в пространстве, которое должно лучше соотноситься со зрительным восприятием, чем сырые RGB. Статья посвящена CIEDE2000, или ΔE00: формула начинает с CIELAB и применяет веса и поправки взаимодействия к светлоте, хроме и тону. Меньший результат означает более близкую пару в рамках формулы. Это не гарантирует одинаковую оценку у всех наблюдателей, экранов, материалов, фонов и процессов.
Кратко
- Указывайте формулу: числа Delta E 76, CIE94 и CIEDE2000 не взаимозаменяемы.
- Читайте значение вместе с образцами и условиями просмотра или производства.
- Используйте различия HSB для диагностики правки, не вместо CIEDE2000.
- Для решений WCAG применяйте отдельный контраст по относительной яркости.
От HEX к перцептивному сравнению
HEX компактно записывает красный, зелёный и синий каналы. Это удобно для веб-цвета, но интервалы не рассчитаны так, чтобы одинаковый числовой шаг всегда выглядел одинаково. Изменение на десять значений в тёмно-синем может ощущаться иначе, чем в светло-жёлтом. До перцептивной формулы образцы нужно единообразно разобрать и преобразовать по определённому пути управления цветом в координаты вроде CIELAB.
CIELAB представляет светлоту как L*, а противоположные цветовые измерения как a* и b*. Он лучше RGB для различий, однако простая евклидова дистанция Lab, Delta E 76, не моделирует все области одинаково. Более поздние формулы добавили поправки по визуальным данным. CIEDE2000 — одна из них. Официальная ISO/CIE 11664-6:2022 описывает её как расширение разницы CIE 1976 L*a*b* с поправками для лучшего соответствия относительным воспринимаемым различиям.
Что меняет CIEDE2000
CIEDE2000 не просто вычитает три координаты Lab. Она рассчитывает различия светлоты, хромы и тона, применяет весовые функции и включает взаимодействие хромы с тоном. Тон обрабатывается как угол, поэтому граница нуля требует внимания. Эти шаги отвечают на неравномерность пространств и на то, что одно движение координат ощущается по-разному в зависимости от области и направления цвета.
Детали реализации важны. Gaurav Sharma, Wencheng Wu и Edul Dalal опубликовали заметки и тестовые пары, поскольку правдоподобный код может расходиться на угловых границах и особых случаях. Toon Tone использует проверенную реализацию CIEDE2000 из библиотеки, а не переписывает формулу в странице. Калькулятор добавляет видимые HEX и HSB для проверки, сохраняя диагностику отдельно от ΔE00.
Почему важны название формулы и параметры
«Delta E» — семейство расчётов, не единое уравнение. Delta E 76 использует прямую дистанцию Lab, CIE94 и CIEDE2000 вносят разные поправки, существуют варианты для особых применений. Два инструмента с разными версиями могут показать разные результаты, не будучи сломанными. Снимок только с «Delta E: 2,4» упускает критическую часть. Воспроизводимый отчёт называет формулу, входы, цветовые предположения и параметры.
CIEDE2000 включает параметры kL, kC и kH. В эталонных условиях обычно используют единицу, как в стандартных настройках библиотеки калькулятора, но специализированный процесс может задать другие. Его число нельзя непринуждённо сравнивать с браузерным результатом. Если правила бренда, ткани, краски, лаборатории или производства определяют формулу и допуск, следуйте всей спецификации. Веб-инструмент подходит для обучения, цифровой сортировки и сравнения при заявленных предположениях.
Как читать результат без преувеличения
Самое безопасное общее толкование направлено: ноль — одинаковая рассчитанная пара, большие числа — большие различия в выбранной формуле. Практические диапазоны помогают сортировать, но не создают единого порога восприятия. Наблюдатели различаются; соседние образцы легче сравнить, чем разделённые временем. Размер, фактура, глянец, освещение, адаптация, соседние цвета, профиль и калибровка влияют на опыт, который приближает формула.
Используйте порог только из соответствующего процесса. Дизайн-команда задаёт внутренний допуск для миграции токенов на эталонных мониторах. Печатник измеряет физические образцы при заданном свете. Игра переводит Delta E в балл обратной связи. Все применения допустимы с разными правилами. Без управляющего правила описывайте осторожно, показывайте образцы, записывайте входы и решайте, влияет ли изменение на реальную задачу.
Как HSB объясняет направление правки
HSB раскладывает экранный цвет на тон, насыщенность и яркость. Это соответствует привычному редактированию: выбрать семью, настроить интенсивность, затем свет или тень. После того как CIEDE2000 выявит отличие, разницы HSB покажут направление. Большое изменение яркости предлагает поправить значение, насыщенность указывает на более приглушённый образец, тон — движение по кругу. Круговая дистанция не считает переход 359 к 1 градусу огромным.
HSB не равномерно по восприятию. Десять градусов тона выглядят иначе в зависимости от насыщенности и яркости, а десять пунктов яркости не имеют постоянного эффекта. Поэтому калькулятор не объединяет три разницы в конкурирующий балл. Он показывает диагностику рядом с CIEDE2000. В Toon Tone пара объясняет общую близость и привычный ползунок, который полезнее исправить дальше.
Почему Delta E и контраст WCAG отвечают на разные вопросы
Delta E спрашивает о разнице цветов в перцептивной модели. Контраст WCAG для текста сравнивает относительную яркость переднего плана и фона заданным отношением. Отличие тона не гарантирует читаемость. Насыщенные синий и красный явно различны, но могут не пройти текстовый контраст. Два серых почти без разницы тона способны дать хорошее отношение из-за яркости. Delta E нельзя преобразовать в прохождение WCAG.
В веб-интерфейсе держите проверки на своих местах. Delta E обнаруживает изменение палитры, сравнивает токены или измеряет сдвиг образца. Метод WCAG оценивает текст, нетекстовые элементы и фокус. Проверяйте и компонент: состояния, границы, значки, типографика и фон влияют на дизайн. Калькулятор называет границу, чтобы удобное число не приняли за сертификацию доступности.
Delta E в баллах Toon Tone
Toon Tone преобразует выбор HSB и цель в экранные цвета, рассчитывает перцептивную дистанцию и назначает близким совпадениям более высокий балл. Это продуктовое правило делает пять раундов понятными и общими. Показанные HSB объясняют ошибку. Девяносто баллов не равно Delta E десять, и ни одно число не является процентилем человеческой памяти.
Разделение защищает игру от неподтверждённых научных заявлений. Ночной режим, яркость экрана, свет комнаты, знакомство с персонажем и индивидуальное восприятие меняют игру. Toon Tone даёт последовательную обратную связь обработанным значениям, но игрокам стоит сравнивать свои закономерности, а не диагностировать один раунд. Прямой калькулятор снимает игровое преобразование и показывает CIEDE2000 отдельно.
Воспроизводимое сравнение цветов
Используйте исходные значения, а не сжатый снимок, если доступны дизайн-токены. Нормализуйте запись, зафиксируйте профиль или веб-предположение и применяйте одну формулу ко всему набору. Показывайте образцы в нужном размере и на фоне решения. Записывайте ΔE00 с достаточной точностью, но не выдавайте дополнительные знаки за точность некалиброванной среды. Отметьте направление HSB, если требуется правка.
Наконец, назовите решение и полномочие. Исследовательский дизайн использует внутренний порог и визуальный обзор. Доступность — требования контраста. Печать и производство — измеренные пробы, калиброванные приборы и стандарт. Практика Toon Tone — раскрытие и исправление одного канала. Надёжное сравнение объединяет формулу, входы, условия, видимое доказательство, интерпретацию и следующий шаг.
Пять шагов Delta E
Список для сравнения, которое другой человек поймёт и повторит.
1. Получите точные входы
Используйте исходные HEX или измеренные координаты и профиль, а не сжатый снимок.
2. Назовите формулу
Укажите CIEDE2000 или реальную альтернативу, не сообщайте Delta E без версии.
3. Сравните в контексте
Проверьте реальный размер, фон, носитель, тему и свет решения.
4. Найдите направление
Используйте HSB или каналы источника для правки отдельно от перцептивного балла.
5. Примените управляющее правило
Следуйте правилу проекта, WCAG, лаборатории, печати или игры, которое принимает решение.
CIE · University of Rochester · W3C
Первичные источники и материалы реализации
Источники определяют контекст формулы, дают тесты реализации и документируют отдельный метод контраста WCAG.
Применить объяснение на практике
Вопросы о различии Delta E
CIEDE2000 равен любому Delta E?
Нет. Delta E 76, CIE94, CIEDE2000 и другие формулы считают по-разному. Всегда записывайте версию.
Что означает Delta E ноль?
Обработанные образцы равны в расчёте. Это не доказывает правильность измерения устройств или объектов.
Один порог подходит всем проектам?
Нет. Допуск зависит от формулы, условий, материала, наблюдателя, риска и стандарта.
Зачем HSB, если CIEDE2000 использует Lab?
HSB даёт привычную диагностику тона, насыщенности и яркости, не заменяя ΔE00.
Delta E доказывает контраст WCAG?
Нет. WCAG использует относительную яркость и определённые критерии. Проверяйте отдельно.