CSS HSL to Hex Dönüştürücü

Bu hesaplama hakkında

HSL (hue, saturation, lightness — ton, doygunluk, açıklık) ve hex, CSS'te aynı sRGB rengi yazmanın iki farklı yoludur — HSL bir rengi insanın sezgisel olarak düşündüğü gibi tarif eder (hangi renk, ne kadar canlı, ne kadar açık ya da koyu), hex ise ham kırmızı, yeşil ve mavi kanal değerlerini altı haneli 16'lık taban sayısı olarak kodlar. İkisi arasında dönüşüm yapmak, önce HSL değerlerini standart HSL'den RGB'ye dönüşüm formülleriyle RGB'ye çevirmeyi, ardından her kanalı iki haneli onaltılık bir çift olarak biçimlendirmeyi gerektirir.

Bu hesaplayıcı bu dönüşümü otomatik olarak yapar; ton (0-360 derece), doygunluk ve açıklık yüzdelerini alır ve karşılığı olan büyük harfli hex kodunu verir. Bir HSL kaydırıcısında rengi sezgisel olarak seçen — çünkü açıklık ya da doygunluğu ayrı ayrı ayarlamak hex hanelerini düzenlemekten çok daha öngörülebilirdir — ama bir tasarım aracı, bir CSS değişkeni ya da hex'i standart alan bir kod tabanı için hex biçimine ihtiyaç duyan ön yüz geliştiricileri ve tasarımcılar için günlük bir araçtır.