HSL'den RGB'ye Dönüştürücü nedir?
Bu araç, HSL modeliyle (Ton, Doygunluk ve Parlaklık) ifade edilen bir rengi; ekranlarda, CSS'te ve görsel dosyalarında kullanılan RGB modeline çevirir. HSL, tasarımcılar için oldukça sezgiseldir çünkü "rengin kendisini" (ton) ne kadar canlı (doygunluk) ve ne kadar açık (parlaklık) olduğundan ayırır; RGB ise aynı rengi kırmızı, yeşil ve mavi ışığın miktarı olarak tanımlar. Dönüşüm tam isabetlidir ve geçerli her HSL değeri için çalışır.
Nasıl kullanılır?
Tonu derece cinsinden (0–360), doygunluğu yüzde olarak (0–100) ve parlaklığı yüzde olarak (0–100) girin. Hesaplayıcı, her biri 0 ile 255 arasında olan rgb(r, g, b) karşılıklarını ve sonucu görsel olarak teyit edebilmeniz için canlı bir renk örneği döndürür.
Formülün açıklaması
Önce doygunluk ve parlaklık 0–1 aralığına ölçeklenir. Renk yoğunluğu (chroma) \(C = (1 - |2L - 1|)\,S\) ile bulunur ve sonucun renk canlılığını ifade eder. Yardımcı bir değer olan \(X = C\left(1 - \left|\left(\tfrac{H}{60}\bmod 2\right) - 1\right|\right)\), her 60°'lik ton diliminin içindeki ara geçişi yönetir; \(m = L - \tfrac{C}{2}\) ise her şeyi istenen parlaklığa uyacak şekilde kaydırır. Tonun hangi 60°'lik sektöre düştüğüne bağlı olarak C, X ve 0 değerleri R, G ve B'ye belirli bir sırayla atanır, ardından m eklenir, her kanal 255 ile çarpılıp yuvarlanır.
$$C = (1 - |2L - 1|)\,S,\quad X = C\left(1 - \left|\left(\tfrac{H}{60}\bmod 2\right) - 1\right|\right),\quad m = L - \tfrac{C}{2}$$
Örnek hesaplama
HSL(210°, %50, %50) için: \(S = 0{,}5\), \(L = 0{,}5\). \(C = (1 - |0|)\cdot 0{,}5 = 0{,}5\). \(H/60 = 3{,}5\) olduğundan \((3{,}5 \bmod 2) = 1{,}5\) ve \(X = 0{,}5\cdot(1 - |1{,}5 - 1|) = 0{,}25\). \(m = 0{,}5 - 0{,}25 = 0{,}25\). 210° tonu 3. sektördedir (180–240°), bu da \((R',G',B') = (0, X, C) = (0;\ 0{,}25;\ 0{,}5)\) verir. m eklenip ×255 yapıldığında:
$$R = 64,\quad G = 128,\quad B = 191 \rightarrow \text{rgb(64, 128, 191)}$$
Sıkça Sorulan Sorular
Girdiler hangi aralıkları kullanır? Ton 0–360 derece; doygunluk ve parlaklık 0–100 yüzdedir.
Değerler neden yuvarlanır? RGB kanalları 0 ile 255 arasında tam sayı olmak zorundadır, bu yüzden ölçeklenen sonuç en yakın tam sayıya yuvarlanır.
Gri renk elde edilebilir mi? Evet — doygunluğu 0 yapıp herhangi bir ton seçtiğinizde R, G ve B değerlerinin hepsi, parlaklık değerinin 0–255 aralığına ölçeklenmiş haline eşit olur.
