İnsan Gözü Renkleri Nasıl Görür? (Tasarımcılar İçin)

Ekraninizdaki bir piksel, saniyede milyonlarca kez yanip soner. Ama siz onu "kirmizi" ya da "mavi" olarak algilarsiniz — kesintisiz, dogal, zahmetsiz. Bu zahmetsizligin arkasinda 300 milyon yillik bir evrimsel muhendislik yatiyor: insan gozunun renk algilama sistemi.

Bu yaziyi tasarimcilar icin yazdik. Amacimiz biyoloji dersi vermek degil — gozun renkle nasil calistigini anladiginizda, daha iyi palet secimlerinden daha erisilebilir arayuzlere kadar tasarim kararlarinizin neden degisecegini gostermek.

Uc Koni Hucresi: Rengin Biyolojik Temeli

Retinanizda, isiga duyarli iki tip hucresi bulunur: cubuk hucreleri (karanlikta calisir, renk ayirt etmez) ve koni hucreleri (isikli ortamda calisir, renk gormenizi saglar). Renk algisi tamamen koni hucrelerinin isidir.

Uc tip koni hucresi vardir ve her biri farkli dalga boylarinda en yuksek duyarliligi gosterir:

• L konileri (Long / Uzun dalga boyu) — Yaklasik 564 nm'de zirve yapar. Kirmizi ve turuncu isiga en duyarli olanlaridir. Ama adi yaniltmasin: yalnizca kirmiziyi degil, genis bir aralikta isik toplarlar.
• M konileri (Medium / Orta dalga boyu) — Yaklasik 534 nm'de zirve yapar. Yesil isiga en duyarli olanlaridir. L konileriyle buyuk olcude ortusur — bu ortusme, ince renk ayrimlarini mumkun kilar.
• S konileri (Short / Kisa dalga boyu) — Yaklasik 420 nm'de zirve yapar. Mavi ve mor isiga en duyarli olanlaridir. Sayica en az olanlardir — retina yuzeyinin yalnizca %2'sini olustururlar.

Bu uc koninin birlikte calismasi, milyonlarca rengi ayirt etmenizi saglar. Saf sari isik (580 nm) gordugunuzde, L konileri guclu sekilde, M konileri orta duzeyde uyarilir, S konileri ise neredeyse hic tepki vermez. Beyniniz bu uc sinyal oranini karsilastirir ve "sari" der.

Tasarimci icin anlami: Her renk, uc koninin uyarilma oraninin bir fonksiyonudur. Iki farkli dalga boyu dagilimi ayni koni oranlarini uretiyorsa, insan icin ayni renktir — bu olguya metamerizm denir. Ekraninizdaki "sari" piksel gercekte sari isik yaymaz; L ve M konilerini uyaran kirmizi ve yesil isik yayar.

Karsi-Kanal Islemesi: Beyin Rengi Nasil Cozumler

Koni hucrelerinden gelen uc sinyal, retinadan beyine giderken donusume ugrar. Beyin, L, M, S sinyallerini dogurdan islemez — onlari uc karsi-kanala (opponent channels) ayirir:

• Aciklik-karanlik kanali — Temel olarak L ve M konilerinin toplamindan turetilir. "Ne kadar isik var?" sorusuna cevap verir.
• Kirmizi-yesil kanali — L ve M konileri arasindaki farktan turetilir. Kirmiziyla yesili birbirinden ayirir. Ayni anda hem kirmizi hem yesil bir renk algilayamazssiniz.
• Sari-mavi kanali — S konileri ile L+M toplaminin farkından turetilir. Maviyle sariyi birbirinden ayirir. "Mavimsi sari" diye bir renk yoktur.

Bu karsi-kanal yapisi, renk deneyimimizin temelini olusturur. Neden kirmizimsi yesil diye bir renk yoktur? Cunku kirmizi ve yesil ayni kanalda birbirini iptal eder. Ama kirmizimsi mavi (mor) vardir — cunku kirmizi ve mavi farkli kanallarda islenir.

Tasarimci icin anlami: CIE Lab'in a* (kirmizi-yesil) ve b* (sari-mavi) eksenleri, bu karsi-kanallarin matematik modelidir. Renk paleti olustururken "hangi kanalda hareket ediyorum?" sorusunu sorabilirsiniz. Ayni kanalda kalan renkler (ornegin kirmizidan turunculara) dogal gecisler verir; kanallar arasi gecisler (kirmizidan maviye) daha dramatik kontrastlar olusturur.

Neden Yesile En Duyarliyiz?

Insan gozu butun renklere esit hassasiyette degildir. Parlakligi (luminance) algilama formulu bunu acikca gosterir:

Parlaklık = 0.7152G + 0.2126R + 0.0722B

Bu katsayilar bize soyler ki: gozunuz yesil isiga %71.5 oraninda, kirmizi isiga %21.3 oraninda, mavi isiga ise yalnizca %7.2 oraninda duyarlidir. Yesil, parlaklık algimizin neredeyse ucte ikisini olusturur.

Bu dengesizligin evrimsel bir nedeni vardir: atalarimiz yesil bitki ortusuyle kapli ortamlarda yasiyordu. Yesilin tonlari arasindaki ince farklari ayirt edebilmek — olgun meyveyi ham meyveden, zehirli yapragi guvenliden — hayatta kalma avantaji sagliyordu. Sonuc olarak M ve L konileri (yesil ve kirmizi bolgeyi kapsayanlar) sayica S konilerinden cok daha fazladir.

Tasarimci icin anlami: Yesil kanaldaki degisiklikler gozde en belirgin sekilde fark edilir. Erisilebilir tasarimda yesil-kirmizi kontrast ciftlerinden kacinin derler — ama daha temeldeki neden sudur: yesil kanalindaki bilgi kaybı diger kanallara gore cok daha fazla algısal bilgi kaybina yol acar. Koyu metni acik arka plan uzerine yerlestirirken, arka planin yesil bileseni parlakligi en cok etkileyen faktor olacaktir.

Renk Korlugu: Bir Koni Tipi Eksik Oldugunda

Koni hucrelerinin birinden biri eksik ya da islev bozuklugu varsa, renk korlugu ortaya cikar. Dunyada erkeklerin yaklasik %8'i, kadinlarin ise %0.5'i bir tur renk korlugu tasir.

• Protanopi — L konileri calismaz. Kirmizi ve yesil ayirt edilemez. Kirmizi isiklar karanlik gorunur.
• Deuteranopi — M konileri calismaz. Kirmizi-yesil karisikligi en yaygin turudur (erkeklerin %6'si).
• Tritanopi — S konileri calismaz. Mavi-sari ayirimi bozulur. En nadir turudur.

Dikkat edin: en yaygin iki tip (protanopi ve deuteranopi) kirmizi-yesil kanalini etkiler. Bu, neden trafik isiklerinda rengin yaninda konum ve sekil ipuclarinin da kullanildigini aciklar.

Tasarimci icin anlami: Rengi tek basina bilgi tasiyicisi olarak kullanmayin. Bir hata mesajini yalnizca kirmizi renkle belirtirseniz, deuteranopili kullanicilar bunu gormeyebilir. Her zaman rengin yaninda ikon, metin veya desen gibi ikincil bir ipucu ekleyin. WCAG 1.4.1 kriterinin teknik geregi budur, ama asil nedeni biyolojidir.

Tasarimda Bu Bilgiyi Nasil Kullaniriz?

Gozun renk mekanizmasini anlamak, soyut bir bilgi degildir — dogrudan tasarim kararlarini sekillendirir:

1. Palet Secimi

Karsi-kanal yapisini bilerek, dogal gecislere sahip paletler olusturabilirsiniz. Ayni karsi-kanal ekseninde kalan renkler (ornegin acik maviden koyu maviye) goze dogal gelir. Zit kanallardaki renkler (mavi ile sari) guclu kontrast olusturur — dikkat cekmek istediginiz yerlerde kullanin.

2. Erisilebilirlik

Kontrast kontrolleri yaparken luminans formulunu aklınızda tutun. Yesil kanal parlakligi en cok etkiler, mavi en az etkiler. Acik mavi bir arka plan uzerine beyaz metin koydugunuzda, kontrast orani iyi gorünebilir ama B kanalindaki bilgi kaybi yuzunden okunurluk duser.

3. Karanlik Mod

Cubuk hucreleri duşuk isikta devreye girer ve renk hassasiyeti azalir. Karanlik mod tasarimlarinda doygunlugu dusurerek bu biyolojik gercegi yansitabilirsiniz — canli renkler karanlik arka planda goz yorar, cunku koni hucreleri dusuk isikta daha az verimli calisir.

4. Uyari Renkleri

Kirmizi, tehlike ve hata icin evrensel bir secim gibi gorunur. Ama biyolojik gercek karmasiktir: L konileri kirmiziya duyarlidir, bu da kirmiziyi dikkat cekici kilar — ancak kirmizi-yesil renk korlugu olan kullanicilarda bu sinyal tamamen kaybolabilir. Cozum: kirmizi + ikon + aciklayici metin. Tek kanala guvenmeyin.

Helmlab Bu Sistemi Nasil Modelliyor?

Helmlab'in 13 asamali isleme hatti, gozun kendi islem hattini taklit eder. Ozellikle ilk iki asama dogrudan koni hucresi biyolojisine dayanir:

M1 Matrisi: XYZ'den Koni Tepkilerine

Helmlab'in ilk adimi bir 3x3 matris carpimidir. Bu matris, CIE XYZ koordinatlarini — standart renk olcum degerleri — L, M, S koni tepkilerine donusturur. Biyolojik olarak bu, "isik retinaya dustuğunde her koni tipi ne kadar uyarilir?" sorusunun cevabidır.

CIE Lab sabit bir XYZ→Lab donusumu kullanir. Helmlab'in M1 matrisi ise 64.000 insan gozleminden optimize edilmistir — yani gercek algi verisinin soyledigi "en iyi koni projeksiyonunu" kullanir.

Guc Fonksiyonu Sikistirmasi: Dogrusalsizlik

Koni hucreleri gelen isigi dogrusal olarak islemez. Dusuk isik duzeylerinde cok hassas, yuksek isik duzeylerinde daha az hassastirlar. Bu, logaritmik sikistirma olarak bilinen bir olgudur. CIE Lab bunu kup koku (ustel 1/3) ile yaklasik olarak modeller.

Helmlab, her koni kanali icin ayri bir gamma degeri ogrenilir veriden. Sonuc: L konisi icin gamma 0.395, M konisi icin 0.421, S konisi icin 0.434. Bu degerler kup kokune yakindir ama birbirinden farklidir — cunku her koni tipinin doğrusalsizligi gercekte farklidir.

Kalan 11 asama (ikinci matris, ton duzeltmesi, Helmholtz-Kohlrausch etkisi, karanlik ton duzeltmesi, nötr duzeltme ve diger kalibrasyonlar) beyindeki islemlerinin modellenmesine karsilik gelir: karsi-kanallar, bolgesel hassasiyet farklari ve algisal düzeltmeler.

import { forward } from 'helmlab';

// sRGB → Helmlab Lab
const [L, a, b] = forward([0.8, 0.2, 0.1]);
// L: aciklik, a: kirmizi-yesil, b: sari-mavi
// Karsi-kanal yapisi dogrudan kodda

Ozetle

Insan gozunun renk algilama sistemi uc katmanli bir mimaridir: koni hucreleri isigi toplar, karsi-kanallar sinyali isleme hazirlar, beyin ise bu sinyallerden renk deneyimini insa eder. Bu mimariyi anlamak, tasarimcinın araç kutusuna somut bilgi ekler:

• Uc koni tipi → renk uzaylarinin neden uc boyutlu oldugunu aciklar
• Karsi-kanallar → renk gecislerinde neden bazi yonler dogal, bazilari yapay hissettirdigini aciklar
• Yesil hassasiyeti → luminans ve kontrast hesaplarinin neden yesil agirlikli oldugunu aciklar
• Renk korlugu → erisilebilirligin neden yalnizca kontrast orani degil, kanal cesitliligi gerektirdigini aciklar

Helmlab, bu biyolojik gercekligi 72 parametreye ve 13 asamaya kodlar — ve 64.000 insan gozlemiyle kalibre eder. Sonuc: insanin renk gormeini en yakindan modelleyen matematiksel sistem.

npm install helmlab

Gozunuzun renk islem hattini 10KB'lik bir npm paketinde deneyimleyin — sifir bagimlilik.