Skip to article
Görkem Yıldız, home
Available for October

CIE Lab vs Helmlab: 1976'dan 2025'e

CIE Lab'ın tarihçesi, yüksek doygunlukta neden başarısız olduğu ve Helmlab'ın her pipeline aşamasının Lab'a ne eklediği.

· 8 min readTürkçeRead in English

1976 yilinda CIE (Commission Internationale de l'Eclairage), renk olcumu icin devrimci bir standart yayinladi: CIE L*a*b*. Bu renk uzayi, ilk kez fiziksel isik olcumlerini insan algisiyla iliskilendirmeye calisan sistematik bir yaklasim sunuyordu. Aradan yarim yuzyil gecti. Bu surede LCD ekranlardan OLED'lere, baskidan dijital tasarima, tekstilden gidaya kadar her endustri CIE Lab'i temel almaya devam etti.

Bu yazida CIE Lab'in tarihini, tasarim felsefesini, neden basarili oldugunu ve nerede yetersiz kaldigini inceliyoruz. Ardindan Helmlab'in ayni temeli nasil genislettigini ve 64.000'den fazla insan gozlemiyle STRESS'i ~30.3'ten 23.2'ye nasil dusurdugunu gosteriyoruz.

CIE Lab Nasil Dogdu?

1931'de CIE, insan gozunun isiga verdigi tepkiyi olcen CIE XYZ renk eslesme fonksiyonlarini yayinladi. XYZ sistemi renkli isigi sayisal olarak tanimliyordu, ama buyuk bir eksigi vardi: uzaydaki mesafeler algiyla oranti degildi. XYZ'de ayni uzaklikta olan iki renk cifti, gozumuzde cok farkli "buyukluklerde" fark olarak goruluyordu.

Bu problemi cozmek icin onceleri Munsell Renk Sistemi (1905) elle duzenlenmis bir algisal atlas olusturmustu. Ama el yapimi bir atlasin matematiksel bir formule donusmesi gerekiyordu. 1976'da CIE, iki farkli oneriyi es zamanli olarak standartlastirdi: CIE L*u*v* ve CIE L*a*b*. Her ikisi de ayni temel fikri paylasiyordu: fiziksel olcumu algisal olarak daha duzgun bir uzaya donusturmek.

Kup Kok Sikistirmasi

CIE Lab'in kalbinde sade bir matematik var. XYZ degerlerini once beyaz referans noktasina normalize eder, sonra kup kok alir:

Code
// CIE Lab donusumu (basitlestirilmis)
f(t) = t^(1/3)                    // kup kok
L* = 116 * f(Y/Yn) - 16          // lightness
a* = 500 * (f(X/Xn) - f(Y/Yn))  // kirmizi-yesil ekseni
b* = 200 * (f(Y/Yn) - f(Z/Zn))  // sari-mavi ekseni

Kup kok fonksiyonu, insan gozunun Weber-Fechner yasasini yaklasik olarak modeller: karanlik tonlarda kucuk fiziksel degisiklikler buyuk algisal fark yaratir, acik tonlarda ise buyuk degisiklikler kucuk algisal fark yaratir. Bu sikistirma, 1976'da mevcut verilerle gayet iyi bir yaklasimdi.

Opponent Kanallar

CIE Lab'in diger onemli ozelligi opponent renk kodlamasidir. L* ekseni lightness'i, a* ekseni kirmizi-yesil karsiligini, b* ekseni ise sari-mavi karsiligini temsil eder. Bu yaklasim, insan gorsel sisteminin retinadan sonra rengi isleyen norolojik mekanizmasindan esinlenmistir: gozumuz rengi uc bagimsiz kanal degil, bir aydinlik kanali ve iki karsilasma kanali olarak isler.

Bu iki ozellik -- kup kok sikistirmasi ve opponent kanallar -- CIE Lab'i 1976'da son derece basarili kildi. Ama yarim yuzyillik kullanim, sinirlarini da acikca ortaya koydu.

CIE Lab Nerede Yetersiz Kalir?

Yuksek Doygunlukta Bozulma

CIE Lab'in en bilinen sorunu, yuksek doygunlukta (high chroma) algisal duzensizligin artmasidir. Kup kok fonksiyonu dusuk ve orta doygunlukta makul calisiyor, ama canli kirmizi, derin mavi veya parlak yesil gibi renklerde farklar dogru olceklenmiyor. Bu, pratikte sunlara yol acar:

  • CIE Lab'da esit adimlarla olusturulan bir canli mavi gradyani, gozle baktiginizda esit adimli gorunmuyor.
  • Iki doygun renk arasindaki Lab mesafesi, algisal farkla orantisiz olabiliyor.
  • CIEDE2000 gibi yamalar bu sorunu kismen duzeltir, ama temeldeki koordinat sistemi hala bozuk kalir.

Helmholtz-Kohlrausch Etkisi

Doygun renkler, ayni luminanstaki grilerden daha parlak gorunur. Bu, renk biliminin en eski ve en iyi belgelenmis bulgularindan biridir. CIE Lab bu etkiyi hic modellemez: canli bir kirmizi ile orta bir gri ayni L* degerinde olsa bile, goz kirmizinin daha parlak oldugunu algilar.

Hue Duzensizligi

CIE Lab'da esit aci adimlarla olusturulan bir hue cercevesi (hue circle), algisal olarak duzensizdir. Mavi-mor bolgesi genisken, sari-yesil bolgesi sikisiktir. Bu, palet uretimi ve gradient olustururken gozle gorulur bozulmalara neden olur.

Karanlik Tonlarda Basitlik

Kup kok fonksiyonu tum renk bolgelerinde ayni sikistirmayi uygular. Ancak insan gozu karanlik mavi tonlarla karanlik sari tonlari farkli hassasiyetle isler. CIE Lab bu ayrimi yapamaz; hue-dependent dark L compression gibi mekanizmalar icermez.

Helmlab: CIE Lab'in Temelini Genisleten 13 Asama

Helmlab, CIE Lab'in temel fikirlerini -- kup kok sikistirmasi ve opponent kanallar -- korur, ama uzerine 10 ek asama ekler. Her asama, CIE Lab'in spesifik bir eksikligini hedef alir:

CIE Lab vs Helmlab Pipeline CIE Lab (3 asama) 1. XYZ normalizasyon 2. Kup kok sikistirmasi 3. Opponent kanallar (L*, a*, b*) → Helmlab (13 asama) 1. M1 matris (XYZ donusumu) 2. Power sikistirmasi 3. M2 matris (opponent kanallar) 4. Hue correction (4 harmonik) 5. Helmholtz-Kohlrausch etkisi 6. Cubic L sikistirmasi 7. Dark L (hue-dependent) 8. Chroma scale (4 harmonik) 9. Chroma power 10. L-chroma etkilesimi 11. Hue-lightness duzeltmesi 12. Neutral correction (NC) 13. Rigid rotation (-28.2°)

Ilk 3 asama, CIE Lab'in yaptiginin guclendirilmis halidir: M1 matrisi XYZ'yi donusturur (CIE Lab'in sabit normalizasyonu yerine optimized matris), power sikistirmasi kup kok yerine veriden ogrenilmis gamma degerleri kullanir, M2 matrisi opponent kanallari olusturur. Kalan 10 asama ise CIE Lab'da bulunmayan duzeltmelerdir.

Her Asama Ne Ekler?

  • Hue correction: CIE Lab'in duzensiz hue cercevesini 4 harmonikli Fourier serisiyle duzeltir. Mavi-mor genislemesi ve sari-yesil sikismasi giderilir.
  • Helmholtz-Kohlrausch: Doygun renklerin parlak gorunme etkisini dogrudan L eksenine gomer. Canli kirmizi ile gri artik ayni L'de gercekten ayni parlaklikta gorunur.
  • Cubic L + Dark L: Kup kok yerine daha esnek bir L sikistirmasi. Dark L, karanlik tonlarda hue-dependent duzeltme ekler (koyu mavi ve koyu sari farkli muamele gorur).
  • Chroma scale + power: Hue-dependent chroma olceklendirmesi. Farkli renk bolgelerinde chroma hassasiyetini ayri ayri kalibre eder.
  • Neutral correction (NC): Gri tonlarin matematiksel olarak a=b=0'a dusmesini garanti eder. CIE Lab'da bu yapisal olarak saglansa da, Helmlab'in zenginlestirilmis pipeline'i NC olmadan gri eksenini bozabilir.
  • Rigid rotation: ab duzleminde -28.2 derecelik dondurue, hue acilarini sezgisel konumlara hizalar. STRESS'i degistirmez (izometri).

STRESS Karsilastirmasi: ~30.3 vs 23.2

STRESS (Standardized Residual Sum of Squares), bir renk uzayindaki matematiksel mesafelerin insan algilamasiyla ne kadar uyustugunu olcer. Formul:

Code
STRESS = sqrt( sum((f(dV) - dE)^2) / sum(dE^2) ) * 100

Burada dV insan deneylerinden gelen algisal fark, dE ise renk uzayindaki hesaplanan mesafedir. Daha dusuk STRESS, insan algisina daha yakin tahmin demektir.

STRESS Karsilastirmasi (dusuk = daha iyi) Metot STRESS Parametre CIE Lab (dE*ab) ~30.3 ~3 CIEDE2000 29.2 ~17 (Lab + 5 terim) Helmlab v19 23.2 72 (13 asama) Helmlab, CIE Lab'a gore %23.4 daha dusuk STRESS → 6 veri seti, 64.000+ gozlem

%23.4'luk iyilesme, renk bilimi tarihinde buyuk bir adimdir. CIE Lab'in yayinlanmasindan bu yana yapilan en buyuk iyilestirmelerden biri CIEDE2000'di ve o bile yalnizca ~%4 iyilesme getirmisti (mesafe formulunun uzerinde). Helmlab ise hem koordinat sistemini hem mesafe metrigini birlikte optimize ederek cok daha buyuk bir ilerleme saglamistir.

Veri: 6 Veri Seti, 64.000+ Gozlem

Helmlab'in STRESS degeri tek bir deneye degil, renk biliminin en kapsamli veri koleksiyonuna dayanir:

  • COMBVD: 3.813 renk cifti, 6 buyuk renk farki veri setinin birlesimi
  • He elipsleri: 82 renk fark elipsi (esik algilama)
  • MacAdam elipsleri: 128 renk fark elipsi (klasik referans)
  • Munsell: 3.590 renk ornegi (algisal duzgunluk kontrolu)

Toplam 64.000'den fazla bireysel gozlem. Bu veriler uzerinde 72 parametre Hessian-tabanli optimizasyonla (8x5000 yeniden baslatma) egitilmistir. Validation gap yalnizca +1.11 STRESS puanidir -- analitik formun dogal duzenlilestirme (regularization) etkisinin kanitdir.

Kod Ornegi: CIE Lab'dan Helmlab'a Gecis

CIE Lab kullanan bir is akisindan Helmlab'a gecis birkas satirla mumkundur:

Terminal
npm install helmlab
Code
import { Helmlab } from 'helmlab';

const hl = new Helmlab();

// --- CIE Lab ile genellikle yaptiginiz: ---
// XYZ'den Lab'a donusum (kup kok + opponent kanallar)
// Lab mesafesi: sqrt(dL^2 + da^2 + db^2)
// Sonuc: ~30.3 STRESS

// --- Helmlab ile ayni isler: ---

// Renk bilgisi (13 asamali pipeline)
const info = hl.info('#e74c3c');
console.log(`L: ${info.L.toFixed(3)}`);  // Perceptual lightness
console.log(`C: ${info.C.toFixed(3)}`);  // Perceptual chroma
console.log(`H: ${info.H.toFixed(1)}`);  // Hue angle (derece)

// Renk farki (SL/SC agirlikli Minkowski mesafesi)
const d = hl.deltaE('#e74c3c', '#c0392b');
console.log(`Delta E: ${d.toFixed(4)}`);

// Palet uretimi (CIE Lab bunu YAPAMAZ)
const scale = hl.semanticScale('#3B82F6');
// {
//   '50':  '#b3c7ff',   // en acik
//   '500': '#3b82f6',   // temel renk
//   '950': '#000b2f',   // en koyu
// }
// Her adim algisal olarak esit aralikli

// fromHex / toHex donusumleri
const lab = hl.fromHex('#3B82F6');
const hex = hl.toHex(lab);  // '#3b82f6'

CIE Lab'in 3 asamasi (normalizasyon, kup kok, opponent kanallar) Helmlab'in ilk 3 asamasinda mevcuttur -- ama veriden ogrenilmis parametrelerle. Kalan 10 asama ise CIE Lab'in modelleyemedigi fenomenleri kapsar.

Neden CIE Lab Hala Onemli?

CIE Lab'i kotulemek amacimiz degil. 1976'daki bilgi birikimi ve hesaplama gucu goz onune alindiginda, kup kok + opponent kanallar parlak bir tasarimdi. CIE Lab'in onemli basarilari sunlardir:

  • Evrensel standart: ICC profilleri, baski kalite kontrolu ve gida endustrisi hala CIE Lab tabanlidir.
  • Basitlik: Kup kok + lineer donusum, herhangi bir platformda 10 satirda uygulanabilir.
  • Sabitlik: 50 yildir ayni formul, geriye donuk uyumluluk garanti.
  • CIEDE2000 temeli: Endustrinin mesafe standardi olan CIEDE2000, CIE Lab koordinatlarini girdi olarak kullanir.

Ancak renk bilimi 50 yilda cok ilerletdi. Helmholtz-Kohlrausch etkisinden hue-dependent chroma hassasiyetine, karanlik tonlardaki asimetrik algilardan noral mekanizmalarin daha iyi anlasilmasina kadar biriken bilgi, daha zengin bir modeli mumkun kilmistir.

Sonuc

CIE Lab, renk biliminin temelini olusturan tarihsel bir baslangic noktasidir. Kup kok sikistirmasi ve opponent kanallar, insan algisini modellemenin dogru yoluydu. Ancak 3 parametrelik basit bir model, gorsel sistemimizin tum karmasikligini yakalayamaz.

Helmlab, CIE Lab'in ayni temel fikirlerini koruyarak 13 asamali pipeline'da genisletir. 72 parametre, 64.000+ insan gozlemi uzerinde optimize edilmis ve STRESS'i ~30.3'ten 23.2'ye dusurmustur. Ayni zamanda palet uretimi, gamut mapping ve kontrast hesaplama gibi uygulamali yetenekler sunar -- CIE Lab'in ve hatta CIEDE2000'in yapamadigi isler.

10.3 KB npm paketiyle herhangi bir projeye entegre edilir:

Terminal
npm install helmlab

Kaynak kod: GitHub | Paket: npm

Bu yazi, Helmlab serisi 16 blog yazisinin dorduncusudur. Bir sonraki yazida: Tailwind vs Helmlab — tasarim sistemi paletlerinde algisal duzgunluk.

Görkem Yıldız

Helmlab, a family of perceptual color spaces for UI design systems (arXiv:2602.23010)

I'm Görkem, a UI/UX designer and engineer based in Ankara, leading the design team at [PushBrands](https://pushbrands.app/en), a Saudi UGC marketplace. I've spent over eight years designing and building digital products, and lately the systems underneath them: Helmlab, a color space trained on 64,000 human color judgments that now ships in Color.js; open-source tools for icons, sound and the terminal; and, as Orbit Design, Figma plugins with more than 100,000 users.

Book a call

Talk about color, design systems or Helmlab.

Saturdays 19:00–21:00 Istanbul time, on Google Meet.

Book a call