Калькулятор Color Difference на JavaScript
Ξ Версия для iPhone

Научный образовательный калькулятор цветовых различий или Color Difference с открытым кодом рас­счи­ты­ва­ет все необходимые дельты, применяемые в профессиональной работе с цветом, и представляет результат не только в виде чисел, но и в виде маленьких и крупных цветных патчей для удобства ви­зу­аль­но­го сравнения. Преобразование Lab-координат в понятные браузеру RGB-hex-значения производится по формулам CIE 1976 го­да. Калькулятор вычисляет delta h, delta H или hue difference, delta E 1976, delta E 1994 с коэффициентами для искусства и про­мыш­лен­но­сти, delta CMC l:c при соотношении lightness с chroma 1:1 (для определения порогов ощутимости) и 2:1 (для определения до­пус­ков), delta E 2000 с коэффициентами по умолчанию K_l, K_c, K_h = 1 и delta E 2000 с «офсетными» коэффициентами K_l, K_c, K_h = 0.67.

International Commission on Illumination (или сокращенно CIE из французского названия Commission Internationale de l'Eclairage) пря­мо говорит здесь и здесь, что параметрические факторы K_l, K_c, K_h при рассчете ΔE2000 могут быть изменены в различном про­мыш­лен­ном применении и могут быть приспособлены к различным па­ра­мет­рам сравнения. При сравнении офсетных оттисков я предложил ис­поль­зо­вать параметрический офсетный фактор K_l, K_c, K_h = 0.67 для согласования размерности "продвинутой", использующей пять важ­ных поправок, ΔE2000 и традиционной, привычной полиграфистам ΔE1976.

Каждое рассчитываемое калькулятором колориметрическое рас­сто­я­ние, называемое дельтой, по-своему интересно и каждая фор­му­ла нашла свое применение в областях, связанных с цве­то­вос­про­из­ве­де­ни­ем. Также для Вашего удобства рассчитываются про­из­вод­ные от Lab координаты LCh_ab где С – Chroma – хроматическая со­ста­вля­ю­щая цвета и h – hue – цветовой тон, определяемый в гра­ду­сах от 0° до 360° на цветовом круге. Возможен и обратный пересчёт из LCh_ab в Lab.

В случае если введенные значения Lab (или LCh_ab) выходят за границы охвата sRGB, по умолчанию используемого браузерами, калькулятор предупреждает о том, что цветовые патчи могут быть отображены на экране недостоверно. Также надо помнить, что от­нюдь не все возможные Lab-координаты вписываются в вос­при­ни­ма­е­мое человеческим глазом цветовое пространство – Human Visual Space или HVS – и такие координаты, как, например, L0 a127 b127, хоть и будут как-то визуализированы строго по формулам CIE, од­на­ко такие координаты выходят за рамки HVS. Кроме того, значения для каналов RGB меньше нуля и превышающие единицу (*255) при­рав­ни­ва­ют­ся к нулю и единице (*255) соответственно, однако в строке визуального сравнения и в окне крупного просмотра срав­ни­ва­е­мых оттенков выводится предупреждение о том, что рассчетные значения выходят за границы охвата sRGB.

Например, координаты Lab D50 для красного, зеленого и синего первичных цветов пространства sRGB примерно равны: Red=L54 a80 b69, Green=L88 a-79 b80, Blue=L30 a67 b-111. Если пре­вы­сить значения a и b или ввести другую светлоту L калькулятор вы­даст предупреждение о том, что не может достоверно отобразить эти оттенки в понятном браузерам пространстве sRGB: в строке ви­зу­а­ли­за­ции цветных патчей будет написано не Reference или Sample а Out of Gamut.

Также можно заметить, что обычный офсетный голубой L55 a-37 b-50 так же не вписывается в охват пространства sRGB. При отображении на обычном мониторе операционка разумеется сжи­ма­ет его до воспроизводимого, но представленный калькулятор еще и предупреждает о том, что этот цвет вне гамута.

Обычно браузеры рассчитывают гамму как упрощенную сте­пен­ную функцию V=v^1/2.2. Однако гамма sRGB строго рассчитывается по более сложным формулам. Отличия заметны в глубоких тенях. Для Вашего удобства предоставлена возможность рассчитывать гам­му обоими применяемыми способами для наилучшего отображения цветовых патчей в Вашем браузере. Если есть необходимость ото­бра­зить те же оттенки например в Photoshop не забывайте, что Photoshop, в отличие от браузеров, по умолчанию рассчитывает гам­му sRGB а не гамму 2.2 для цветового пространства sRGB.

Калькулятор решает сразу две задачи: не только рассчитывает все необходимые дельты, но и дает возможность тут же увидеть раз­н­ицу между сравниваемыми оттенками визуально.

Калькулятор поддерживает передачу параметров в адресной строке и оформляет сравниваемые патчи в виде простой ссылки для того, чтобы результатами сравнения можно было легко поделиться. Ссылка выводится во всплывающем окне при нажатии на кнопку «Показать все патчи крупным планом» или ссылка на одну пару сравниваемых патчей при нажатии на цветной патч. Например: сравниваются офсетный голубой и пурпурный, сравниваются крас­ный и зеленый, сравниваются синий и офсетный желтый.

Для удобства работы возможны вычисления как Lab2LCh так и обратно – LCh2Lab. Имеется бонус специально для полиграфистов-офсетчиков: поля Reference можно автоматически заполнить зна­че­ни­ями из стандарта ISO 12647-2.

Доступна упрощенная версия калькулятора для использования на мобильных устройствах, разрешение оптимизировано под экран iPhone.

Исполняемый сценарий калькулятора на 5% состоит из кода на JavaScript от Bruce Justin Lindbloom (формулы CIE). Мной добавлены функции LCh, delta h и delta H, спойлер со значениями Lab из стан­дар­та ISO 12647-2, добавлена визуализация цветных патчей a-la Photoshop*, добавлена возможность передачи параметров срав­ни­ва­е­мых патчей в адресной строке в виде линка**, написан ввод таб­лич­ных данных в текстовом формате a-la Measure Tool с та­бу­ля­то­ра­ми или пробелами разделителями полей (июль 2011). Впервые обес­пе­че­на возможность сравнивать колориметрические таблицы разной длины и ширины путем автоматической выборки совпадающих по описанию патчей: весьма удобно, например, большую референсную таблицу из icc-профиля сравнивать с промерами небольшой про­из­воль­ной контрольной шкалы. Так же предусмотрена возможность ге­не­ра­ции подробного табличного отчета. Кнопка «Создать отчет» по­яв­ля­ет­ся после проведения хотя бы одного сравнения. По ссылкам приведены примеры отчетов в виде html-таблицы и в виде простой таблицы, готовой к экспорту в Exell. Чтобы не перегружать и без то­го широкую html-таблицу отчета еще минимум четырьмя колонками, координаты LCh_ab выводятся во всплывающем облаке-подсказке при наведении мыши на координаты Lab.

Калькулятор ко всему прочему поддерживает ввод спектральных данных. По умолчанию такие таблицы пересчитываются в ко­ло­ри­мет­ри­чес­кие координаты с параметрами: осветитель – D50, стан­дарт­ный наблюдатель CIE - 2°. В колориметрические единицы Lab с другими параметрами спектральные данные можно перевести, вос­поль­зо­вав­шись Спектральным калькулятором на JavaScript.

Исполняемый сценарий калькулятора занял 2000 строк кода и отлаживался в браузере Mozilla Firefox на Mac и PC попеременно, од­на­ко также немного тестировался на совместимость с другими ин­тер­нет-навигаторами. Для тугодумов IE и Opera были приделаны от­дель­ные костыли для каждого. О замеченных глюках не сочтите за труд написать разработчику.