Hex - HSL Renk Dönüştürücü
Bir CSS hex renk kodunu tek tıklamayla HSL'ye (ton, doygunluk, açıklık) dönüştürün.
Bu araç sorunuza cevap verdi mi?
Teşekkürler — bu, aracı geliştirmemize yardımcı oluyor.
Bu araç nasıl kullanılır
- 6 basamaklı bir hex renk kodu girin (örn. #ff5733). Başındaki # isteğe bağlıdır.
- Araç bunu HSL'ye dönüştürür: derece cinsinden ton, yüzde olarak doygunluk ve açıklık.
- hsl() dizesini CSS'inize veya stil sayfanıza kopyalayın.
Bir hex renk kodu yapıştırın ve CSS hsl() fonksiyonlarında veya tasarım araçlarında kullanmak üzere eşdeğer HSL değerini alın.
Formül
Expand a 3-digit hex to 6 digits if needed (e.g. #abc → #aabbcc), then parse each pair: r = parseInt(hex[0..1], 16) / 255, similarly for g and b.
Then apply RGB-to-HSL: L = (max + min) / 2; S = d / (2 − max − min) if L > 0.5, else S = d / (max + min); hue from the dominant channel as in RGB-to-HSL.
Sık sorulan sorular
- Hex neden HSL'ye dönüştürülür?
- Parlaklığı veya doygunluğu ayarlarken HSL üzerinde akıl yürütmek daha kolaydır. Açık ve koyu tonlar oluşturmak için tonu sabit tutup doygunluk/açıklığı ayarlayabilirsiniz.
- Bu, 3 basamaklı hex'i destekler mi?
- Evet — #abc, #aabbcc olarak işlenir.