Hex'ten Hsl'ye

HSL Temsili
Son Güncelleme:

İçindekiler



Hex'ten Hsl'ye Renk Dönüştürme

Bir rengi onaltılıdan (onaltılık) HSL'ye (ton, doygunluk, hafiflik) dönüştürmek birkaç adımdan oluşur. Öncelikle onaltılık rengi RGB değerine dönüştürmeniz gerekir. Daha sonra RGB değerlerini HSL'ye dönüştürebilirsiniz. İşte adım adım kılavuz:

 

1. Adım: Hex'i RGB'ye dönüştürün

6 basamaklı onaltılık bir rengi (ör. #RRGGBB) RGB değerine dönüştürmek için   onaltılık kodu kırmızı (RR), yeşil (GG) ve mavi (BB) için her biri iki karakterden oluşan üç çifte bölün. Ardından her çifti onaltılıdan ondalığa dönüştürün.

Örneğin, onaltılık renk #336699'e sahipseniz:

R: 33 (onaltılık) = 3 * 16 + 3 = 51 (ondalık)

G: 66 (onaltılık) = 6 * 16 + 6 = 102 (ondalık)

B: 99 (onaltılık) = 9 * 16 + 9 = 153 (ondalık)

Bu nedenle, #336699 için RGB değerleri şunlardır: R = 51, G = 102, B = 153.

 

2. Adım: RGB değerlerini normalleştirin

Her değeri 255'e (8 bit renk kanalı için maksimum değer) bölerek RGB değerlerini 0 - 1 aralığında olacak şekilde normalleştirin.

R_norm = 51 / 255 ≈ 0,2

G_norm = 102 / 255 ≈ 0,4

B_norm = 153 / 255 ≈ 0,6

 

3. Adım: Minimum ve maksimum normalleştirilmiş RGB değerlerini bulun

Normalleştirilmiş R, G ve B değerleri arasında minimum (min_RGB) ve maksimum (max_RGB) değerlerini bulun.

min_RGB ≈ 0.2 (bu durumda, R_norm en küçüğüdür)

max_RGB ≈ 0.6 (bu durumda, B_norm en büyüğüdür)

 

4. Adım: Tonu (H) hesaplayın

Ton değeri (H) rengin kendisini temsil eder ve RGB kanallarının göreli oranlarına göre hesaplanır. Derece cinsinden bir açı olarak ifade edilir (0 ° ila 360 °). H'yi hesaplamak için formül şudur:

 

H = 60 * ( (G_norm - B_norm) / (max_RGB - min_RGB) ) mod 360

 

Bu durumda, H ≈ 60 * ((0,4 - 0,2) / (0,6 - 0,2)) ≈ 60 * (0,2 / 0,4) ≈ 60 * 0,5 ≈ 30°

 

5. Adım: Hafifliği hesaplayın (L)

Açıklık değeri (L) rengin parlaklığını temsil eder ve max_RGB ve min_RGB ortalaması olarak hesaplanır:

L = (max_RGB + min_RGB) / 2 ≈ (0,6 + 0,2) / 2 ≈ 0,4

 

6. Adım: Doygunluğu (S) hesaplayın

Doygunluk değeri (S), rengin yoğunluğunu temsil eder ve hafiflik ile maksimum ve minimum RGB değerlerine göre hesaplanır:

S = (max_RGB - min_RGB) / (1 - |2 * L - 1|)

S = (0,6 - 0,2) / (1 - |2 * 0,4 - 1|) ≈ 0,4 / 0,2 ≈ 2

 

7. Adım: Hue'yu ayarlayın (isteğe bağlı)

Bazen, hesaplanan ton negatif veya 360°'den büyük olabilir. Bu durumda, tonu aşağıdaki gibi ayarlayın:

H < 0 ise, H = H + 360 °

H 360° > ise, H = H - 360°

Bu durumda, H = 30° (ayarlama gerekmez)

Bu nedenle, #336699 renginin HSL gösterimi yaklaşık olarak şöyledir: H = 30 °, S = 2, L = 0.4. HSL değerlerinin genellikle açı olarak H ve yüzde olarak S ve L ile ifade edildiğini unutmayın, bu nedenle nihai gösterim HSL (30 °, % 200,% 40) olarak verilebilir.

Hsl'den HEX'e

#Hex'den Hsl'ye #Hex'e #Hsl'ye #Dönüştürücü

Web sitemizdeki deneyiminizi geliştirmek için çerezler kullanıyoruz. Kullanılan çerez türleri: Temel Çerezler ve Pazarlama Çerezleri. Çerez politikamızı okumak için tıklayınız. Burada.