Калькулятор 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 бы­ли при­де­ла­ны от­дель­ные ко­сты­ли для каж­до­го. О за­ме­чен­ных глю­ках не со­чти­те за труд на­пи­сать раз­ра­бот­чи­ку.