HEX HSL Dönüştürücü
Nedir HEX HSL Dönüştürücü
Bu araç HEX renk kodlarını (#3B82F6 gibi) HSL değerlerine (hsl(217, 91%, 60%) gibi) çevirir. HSL; Ton (Hue), Doygunluk (Saturation) ve Açıklık (Lightness) demektir — tasarımcılar için daha sezgisel bir renk modeli. HSL'de açıklığı ayarlamak HEX veya RGB'den çok daha kolaydır; bu da onu renk paletleri ve CSS özel özellikleri oluşturmak için ideal kılar.
Nasıl kullanılır
- HEX alanına bir HEX renk kodu yazın veya yapıştırın (# ile veya #'siz).
- HSL ve RGB değerleri alttaki alanlarda anında görünür.
- hsl(h, s%, l%) formatını kopyalamak için HSL'nin yanındaki kopyala düğmesine tıklayın.
- Üstteki mod bağlantılarıyla 6 renk dönüştürücü arasında geçiş yapın.
Ne zaman kullanılır
Bir marka renginden renk sistemi mi kuruyorsunuz? Marka HEX'ini (#E63946) yapıştırın, hsl(356, 75%, 56%) alın. Oradan açıklığı yükselterek daha açık tonlar, düşürerek daha koyu tonlar üretebilirsiniz — hem de tam olarak aynı tonu koruyarak.
Sık sorulan sorular
HSL nedir ve neden HEX yerine kullanılır?
HSL (Ton, Doygunluk, Açıklık) rengi insana sezgisel gelen terimlerle tanımlar. Ton renk çemberindeki konumdur (0–360°), Doygunluk renk yoğunluğudur (%0–100), Açıklık parlaklıktır (%0–100). HSL'de renk varyasyonları üretmek HEX'ten çok daha kolaydır.
#FF0000 HSL olarak nedir?
Saf kırmızı #FF0000, hsl(0, 100%, 50%) olur. Renk çemberinde 0° kırmızıdır, %100 doygunluk tam doygun demektir, %50 açıklık saf renktir (ne açılmış ne koyulaşmış).
CSS, HSL renklerini destekliyor mu?
Evet. Modern CSS `hsl()` ve `hsla()` gösterimini tam destekler. Örneğin: `color: hsl(217, 91%, 60%);` ve `background: hsla(217, 91%, 60%, 0.5);`
#000000 HSL olarak nedir?
Siyah (#000000), hsl(0, 0%, 0%) olur. %0 açıklık, ton veya doygunluktan bağımsız olarak saf siyah demektir.
Bu aracı girdilerim dolu şekilde paylaşabilir miyim?
Evet. Siz yazarken URL otomatik güncellenir. Adres çubuğundan kopyalayın veya Paylaş düğmesini kullanın — bağlantıyı açan herkes girdilerinizi hazır görür.
İlgili araçlar
HSL HEX Dönüştürücü
HSL renk değerlerini HEX kodlarına anında çevirin. Canlı önizlemeli ücretsiz HSL - HEX dönüştürücü. hsl() değerlerini CSS için HEX koduna çevirin.
En Boy Oranı Hesaplama
En boy oranını hesaplayın, eksik genişlik veya yüksekliği bulun ve görselleri, videoları oranı bozmadan yeniden boyutlandırın. Ücretsiz.
Base64 Çözücü
Base64 dizelerini tarayıcınızda anında düz metne çözün. Emojiler dahil tam Unicode çıktı desteği. Ücretsiz online Base64 çözücü.