• Hsl’den Hex’e Dönüştürme
• HSL Renk Gösterimi:
• HEX Renk Gösterimi:
• HSL'yi HEX'ye Dönüştürme:
• Hue'yu RGB'ye dönüştürün:
• Doygunluk ve Hafifliği RGB'ye dönüştürün:
• RGB'yi HEX'ye dönüştürün:
• Renk Dönüşüm Tablosu

Hsl-Hex Dönüştürme

Farklı gösterimler arasında renkleri dönüştürmek, web geliştirme ve grafik tasarımda ortak bir görevdir. HSL (Ton, Doygunluk, Hafiflik) ve HEX (Onaltılık) yaygın olarak kullanılan iki renk temsilidir. HSL'den HEX'e nasıl dönüştürüleceğini açıklayayım.

HSL Renk Gösterimi:

HSL, Ton, Doygunluk ve Hafiflik anlamına gelir. Renklerin silindirik bir temsilidir, RGB'ye (Kırmızı, Yeşil, Mavi) kıyasla insan algısı için daha sezgisel bir şekilde. İşte her bileşenin kısa bir açıklaması:

1. Ton (H): Bu, rengin kendisini temsil eder. Bir renk tekerleğinde 0° (kırmızı) ile 360° (tekrar kırmızı) arasında değişen derece cinsinden ölçülür. Diğer tonlar buna göre tekerleğin etrafına dağıtılır.
2. Doygunluk (S): Bu, rengin yoğunluğunu veya saflığını temsil eder. %0'lık bir doygunluk değeri gri tonlamalı bir renkle sonuçlanırken, daha yüksek değerler daha canlı ve yoğun renklerle sonuçlanır.
3. Açıklık (L): Bu, rengin parlaklığını temsil eder. %0'lık bir hafiflik değeri siyah, %100 beyaz ve aradaki değerler farklı parlaklık düzeyleriyle sonuçlanır.

HEX Renk Gösterimi:

HEX, web geliştirmede yaygın olarak kullanılan renklerin onaltılık bir temsilidir. Bir karma (#) ve ardından altı karakterden oluşur, burada her karakter çifti rengin kırmızı, yeşil ve mavi bileşenlerinin yoğunluğunu temsil eder. Örneğin, "#FF0000" saf kırmızıyı, "#00FF00" saf yeşili ve "#0000FF" saf maviyi temsil eder.

HSL'yi HEX'ye Dönüştürme:

HSL rengini HEX'e dönüştürmek için şunları yapmanız gerekir:

1. Ton açısını RGB eşdeğerine dönüştürün.
2. Doygunluğu ve hafifliği RGB değerlerine dönüştürün.
3. RGB değerlerini onaltılık gösterime dönüştürün.

İşte dönüşümü gerçekleştirmek için basitleştirilmiş bir formül:

Hue'yu RGB'ye dönüştürün:

• • H' nin normalleştirilmiş renk tonu olduğunu varsayalım (0 ile 1 arasında ölçeklendirilmiş).
  • Kırmızı = HueToRGB(H' + 1/3)
  • Yeşil = HueToRGB(H')
  • Mavi = HueToRGB(H' - 1/3)

Doygunluk ve Hafifliği RGB'ye dönüştürün:

1. • Basitlik için, L'nin 0 ile 1 arasında normalleştirilmiş hafiflik olmasına izin verin.
   • Doygunluk = 0 ise, R, G ve B'nin hepsi L' (grinin bir tonu) olacaktır.
   • Aksi takdirde, ayarlanan doygunluğu hesaplayın:
1. L' < = 0,5 ise, ayarlanmışDoygunluk = doygunluk * (L' + 0,5)
2. L' 0,5 > ise, ayarlanmışDoygunluk = doygunluk * (1 - L')
   • Ardından, R, G ve B, ayarlanmış Doygunluk ve L' kullanılarak hesaplanır.

RGB'yi HEX'ye dönüştürün:

• • Kırmızı, yeşil ve mavi değerleri iki basamaklı onaltılık eşdeğerlerine dönüştürün.

Bu, bazı matematiksel hesaplamalar içerdiğinden, bu dönüşümleri gerçekleştirmek için programlama dillerinde bulunan kütüphaneleri veya yerleşik işlevleri kullanmak genellikle daha kolaydır. Birçok programlama dili ve renk kitaplığı, farklı renk gösterimleri arasında dönüştürme işlevleri sağlar.

Renk Dönüşüm Tablosu