HEX'ten HSL'ye Dönüştürücü
Daha açık ve daha koyu tonları kolayca oluşturmak için bir HEX renk kodunu ton, doygunluk ve açıklığa dönüştürün.
hex girişi
Sonuç · HSL
hsl(344, 100%, 62%)
HEX
#FF3D72
RGB
rgb(255, 61, 114)
HSV
hsv(344, 76%, 100%)
CMYK
cmyk(0%, 76%, 55%, 0%)
Nasıl kullanılır: HEX'ten HSL'ye
- 1
Bir renk girin
Bir renk kodu yazın veya renk seçiciyle bir renk seçin — her alan gösterdiği formatı kabul eder.
- 2
Dönüştürülmüş hâlini görün
Siz yazarken sonuç, rengin canlı önizlemesiyle birlikte anında güncellenir.
- 3
Kodu kopyalayın
İhtiyacınız olan değeri tek tıkla kopyalayın ve tasarımınıza, CSS'inize veya baskı ayarlarınıza yapıştırın.
HEX ve HSL renkleri
HEX, renklerin CSS'te ve tasarım araçlarında yazılma biçimidir: bir # işaretinin ardından kırmızı, yeşil ve mavi için üç onaltılık basamak çifti gelir. HSL ise aynı rengi insanların düşündüğü şekilde tanımlar — renk çarkında 0 ile 360° arasında bir açı olarak ton, yüzde olarak doygunluk ve açıklık.
HSL'ye dönüştürmek, bir rengin varyasyonlarına ihtiyaç duyduğunuzda kullanışlıdır: üzerine gelme durumları, arka planlar ve kenarlıklar için daha açık ve daha koyu tonlar elde etmek üzere tonu koruyup açıklığı değiştirin. Tarayıcılar her iki gösterimi de anlar, örneğin hsl(342, 100%, 62%). # işaretli veya işaretsiz üç ya da altı basamaklı bir kod yapıştırın ve hsl() sonucunu kopyalayın; RGB, HSV ve CMYK de gösterilir.
Her şey tarayıcınızda yerel olarak çalışır — görselleriniz asla bir sunucuya yüklenmez.