RGB - HSL Renk Cevirici

Ton (H) degeri renginizin renk cemberindeki konumunu, doygunluk (S) rengin ne kadar canli ya da soluk oldugunu, parlaklik (L) ise rengin siyaha mi beyaza mi yakin oldugunu gosterir. Bu uc deger birlikte CSS'te hsl(H, S%, L%) seklinde kullanilabilir.

Once R, G, B degerleri 0-1 araligina olceklenir. Parlaklik (L), en yuksek ve en dusuk kanalin ortalamasidir. Doygunluk (S), kanallar arasindaki farkin parlakliga gore orani; ton (H) ise hangi kanalin en yuksek oldugu esas alinarak 0-360 derece araliginda hesaplanir.

• R, G, B degerleri 255'e bolunerek 0-1 araligina olceklenir.
• Olceklenmis degerlerin en buyugu (max) ve en kucugu (min) bulunur.
• Parlaklik (L), max ve min degerlerinin ortalamasi olarak hesaplanir.
• Doygunluk (S), max-min farkinin parlakliga gore normalize edilmesiyle bulunur.
• Ton (H), hangi kanalin (R, G veya B) en yuksek oldugu esas alinarak 0-360 derece araliginda hesaplanir.

R=52, G=152, B=219 (canli bir mavi tonu) degerleri yaklasik olarak H=204 derece, S=%70, L=%53 HSL degerine karsilik gelir.

• R, G ve B degerlerini 0 ile 255 arasinda tam sayi olarak girin; bu araligin disindaki degerler gecerli bir renk temsil etmez.
• Ton (H) degeri 0-360 derece arasinda bir renk cemberi konumunu gosterir; 0 kirmizi, 120 yesil, 240 mavi anlamina gelir.
• Doygunluk ve parlaklik yuzde olarak okunur; %0 doygunluk grinin bir tonunu, %100 parlaklik ise beyazi ifade eder.

RGB (Red, Green, Blue) modeli, ekranlarin isik yayarak renk uretme bicimini birebir yansitir; her kanal 0 ile 255 arasinda bir yogunluk degeri alir ve uc kanalin birlesimi milyonlarca farkli rengi ortaya cikarir. Ancak bu model, bir rengi 'daha acik' veya 'daha doygun' yapmak istediginizde sezgisel degildir, cunku uc kanali ayni anda degistirmeniz gerekir.

HSL (Hue, Saturation, Lightness) modeli ise renkleri insan gozunun algiladigi sekilde tanimlar: ton, renginin ne oldugunu (kirmizi, yesil, mor); doygunluk, rengin ne kadar canli oldugunu; parlaklik ise rengin ne kadar acik ya da koyu oldugunu gosterir. Bu nedenle tasarimcilar ve gelistiriciler renk paletleri olustururken siklikla HSL'yi tercih eder.

Bu arac, girdiginiz RGB degerlerini once 0-1 araligina olcekleyip en yuksek ve en dusuk kanal degerlerini bularak parlaklik ve doygunlugu hesaplar. Ardindan hangi kanalin baskin oldugunu belirleyerek tonun renk cemberindeki tam konumunu bulur.

HSL formatinin en buyuk avantaji, CSS'te hsl(ton, doygunluk%, parlaklik%) seklinde dogrudan kullanilabilmesidir. Ornegin bir markanin ana rengini koyulastirilmis bir varyantini olusturmak icin sadece parlaklik degerini dusurmeniz yeterlidir; RGB'de ise her uc kanali ayri ayri yeniden hesaplamaniz gerekirdi.

Renk donusumleri, web tasarimi, logo calismalari, veri gorsellestirme ve UI tema sistemlerinde siklikla kullanilir. RGB'den HSL'ye donusturme ozellikle acik/koyu tema varyantlari veya tutarli bir renk paleti olusturmak isteyen gelistiriciler icin pratik bir baslangic noktasidir.