HSL'den HEX'e Dönüştürücü
Ton, doygunluk ve açıklığı ayarlayın ve eşleşen altı basamaklı HEX renk kodunu kopyalanmaya hazır alın.
hsl girişi
Sonuç · HEX
#FF3D77
RGB
rgb(255, 61, 119)
HSL
hsl(342, 100%, 62%)
HSV
hsv(342, 76%, 100%)
CMYK
cmyk(0%, 76%, 53%, 0%)
Nasıl kullanılır: HSL'den HEX'e
- 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.
HSL neden HEX'e dönüştürülür
HSL, bir renk sistemi kurmanın en sezgisel yoludur. Bir tonu sabitlersiniz, örneğin mor için 262°, ve esas olarak açıklığı değiştirerek bütün bir skala oluşturursunuz: arka planlar için yaklaşık %95, düğmeler ve vurgular için %58, metin için %30. Tasarımcılar ve geliştiriciler bu yöntemi açık tonlar, koyu tonlar ve koyu temalar için kullanır.
Ancak bitmiş skala genellikle HEX kodları olarak teslim edilmelidir: stil kılavuzları, tasarım token'ları, Figma kütüphaneleri, marka kitapları ve birçok içerik yönetim sistemi #RRGGBB değerleri bekler. HSL değerlerini girin ve HEX sonucunu kopyalayın — örneğin hsl(262, 83%, 58%), #7C3BED olur. Araç aynı renk için RGB, HSV ve CMYK'yı da gösterir. HEX kanal başına yalnızca 256 düzey saklayabildiği için HSL'deki çok küçük değişiklikler HEX kodunu her zaman değiştirmez.
Her şey tarayıcınızda yerel olarak çalışır — görselleriniz asla bir sunucuya yüklenmez.