HEX'ten HSL'ye
HEX renk kodlarını hassasiyetle HSL değerlerine dönüştürün; renk düzenleme ve tasarım sistemleri için idealdir
Renk Dönüştürücü
Renk Sonucu
HSL Values
0° = Red, 120° = Green, 240° = Blue
0% = Gray, 100% = Full color
0% = Black, 100% = White
RGB Equivalent
rgb(255, 255, 255)
hsl(0, 0%, 100%)
Dönüşüm Örnekleri
Kırmızı
HEX: #FF0000
HSL: 0°, 100%, 50%
Yeşil
HEX: #00FF00
HSL: 120°, 100%, 50%
Mavi
HEX: #0000FF
HSL: 240°, 100%, 50%
Sarı
HEX: #FFFF00
HSL: 60°, 100%, 50%
Macenta
HEX: #FF00FF
HSL: 300°, 100%, 50%
Camgöbeği
HEX: #00FFFF
HSL: 180°, 100%, 50%
Önerilen Araçlar
HSL to HEX
Web geliştirme için HSL renk değerlerini HEX renk kodlarına geri dönüştürün
HSL to RGB Converter
Dijital tasarım için HSL renk değerlerini RGB renk kodlarına dönüştürün
Renk Uyum Üreticisi
HSL renk teorisini kullanarak tamamlayıcı renk şemaları oluşturun
HSL Color Manipulator
Renk varyasyonları oluşturmak için tonu, doygunluğu ve parlaklığı ayarlayın
Bu Araç Hakkında
HEX'ten HSL'ye dönüştürücümüz, onaltılık renk kodlarını HSL (Ton, Doygunluk, Açıklık) renk modeline dönüştürür; bu da özellikle renk manipülasyonu ve tutarlı renk şemaları oluşturmak için kullanışlıdır.
HSL represents colors in a way that aligns more naturally with human perception of color. Hue corresponds to the color's position on the color wheel (0° to 360°), saturation refers to the color's intensity (0% to 100%), and lightness determines how light or dark the color appears (0% to 100%).
Bu dönüşüm, özellikle CSS ile çalışan web geliştiricileri ve tasarımcıları için değerlidir, çünkü HSL sezgisel renk ayarlamalarına olanak tanır. Tek bir bileşeni (renk tonu, doygunluk veya parlaklık) değiştirmek, öngörülebilir sonuçlar üreterek renk varyasyonları ve uyumları oluşturmayı kolaylaştırır.
Dönüştürme işlemi önce HEX'i RGB'ye dönüştürür, ardından RGB'yi farklı renk modelleri arasında renk bütünlüğünü doğru bir şekilde koruyan endüstri standardı algoritmaları kullanarak HSL'ye dönüştürür.