HSL HEX Dönüştürücü
Nedir HSL HEX Dönüştürücü
Bu araç HSL değerlerini (Ton, Doygunluk, Açıklık) HEX renk kodlarına çevirir. Tonu (0–360°), doygunluğu (%0–100) ve açıklığı (%0–100) girin; karşılık gelen HEX kodunu alın. HSL tabanlı bir araçta palet tasarlayıp CSS dosyası veya tasarım dokümanı için HEX dizesine ihtiyaç duyduğunuzda kullanışlıdır.
Nasıl kullanılır
- HSL alanlarına Ton (0–360), Doygunluk (0–100) ve Açıklık (0–100) değerlerini girin.
- HEX kodu ve RGB değerleri anında güncellenir.
- #RRGGBB kodunu kopyalamak için HEX'in 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
HSL renk seçicide bir renk seçtiniz ama Tailwind temanız HEX mi istiyor? hsl(217, 91%, 60%) girin ve #3B82F6'yı doğrudan tailwind.config.js dosyanıza kopyalayın. Özel bir rengi ince ayarlayıp CSS'e aktarmanız gerektiğinde dönüşümü göz kararı yapmaktan kurtarır.
Sık sorulan sorular
hsl(0, 100%, 50%) HEX olarak nedir?
hsl(0, 100%, 50%) = #ff0000 — saf kırmızı. Tam doygunluk ve %50 açıklıkla 0° ton, en saf kırmızıyı verir.
hsl(0, 0%, 100%) HEX olarak nedir?
hsl(0, 0%, 100%) = #ffffff — beyaz. %100 açıklık, ton veya doygunluktan bağımsız her zaman beyazdır.
hsl(0, 0%, 0%) HEX olarak nedir?
hsl(0, 0%, 0%) = #000000 — siyah. %0 açıklık her zaman siyahtır.
HSL'den HEX'e sonucum neden diğer araçlardan biraz farklı olabiliyor?
Ara hesaplamalardaki yuvarlama 1 hanelik HEX farkı üretebilir (örn. #3B82F6 ile #3B82F7). Bu ±1'lik bir yuvarlama farkıdır ve gözle ayırt edilemez. Dönüştürücümüz bunu en aza indirmek için standart yuvarlama kullanır.
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
HEX HSL Dönüştürücü
HEX renk kodlarını HSL değerlerine anında çevirin. Canlı önizlemeli ücretsiz HEX - HSL dönüştürücü. CSS özel özellikleri ve temalar için ideal.
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ü.