HSL RGB Dönüştürücü
Nedir HSL RGB Dönüştürücü
Bu araç HSL değerlerini (Ton 0–360°, Doygunluk %0–100, Açıklık %0–100) RGB değerlerine (Kırmızı, Yeşil, Mavi; her biri 0–255) çevirir. Elinizde CSS ve tasarım sistemlerinde yaygın olan HSL formatında bir renk varken JavaScript, görsel işleme veya ayrı kanal değerleri isteyen tasarım araçları için RGB karşılığına ihtiyaç duyduğunuzda kullanın.
Nasıl kullanılır
- HSL alanlarına Ton (0–360), Doygunluk (0–100) ve Açıklık (0–100) değerlerini girin.
- RGB ve HEX değerleri anında güncellenir.
- rgb(r, g, b) formatını kopyalamak için RGB'nin yanındaki kopyala düğmesine tıklayın.
- Üstteki mod bağlantılarıyla 6 dönüştürücü arasında geçiş yapın.
Ne zaman kullanılır
JavaScript'te gökkuşağı efekti için tonu 0–360 arası döndürüyorsunuz ama pikselleri Canvas ImageData tamponuna yazarken mi takıldınız? O tampon hsl() dizesi değil, ayrı R, G, B bayt değerleri ister. Her hsl() çıktısını burada rgb()'ye çevirin; diziye doğrudan bırakılmaya hazır kanal sayılarını alın.
Sık sorulan sorular
hsl(120, 100%, 50%) RGB olarak nedir?
hsl(120, 100%, 50%) = rgb(0, 255, 0) — saf yeşil. Renk çemberinde 120° yeşildir; %100 doygunluk ve %50 açıklık saf yeşili verir.
hsl(240, 100%, 50%) RGB olarak nedir?
hsl(240, 100%, 50%) = rgb(0, 0, 255) — saf mavi.
hsl(60, 100%, 50%) RGB olarak nedir?
hsl(60, 100%, 50%) = rgb(255, 255, 0) — saf sarı.
HSL'den RGB'ye ne zaman, HSL'den HEX'e ne zaman geçmeliyim?
Canvas ImageData, WebGL, Three.js renk kurucuları veya görsel işleme kütüphaneleri gibi ayrı sayısal kanal değerleri isteyen API'lerle çalışırken HSL'den RGB'ye geçin. CSS dizesi veya hex kodu gerektiğinde HSL'den HEX'e geçin.
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
RGB HSL Dönüştürücü
RGB renk değerlerini HSL'ye anında çevirin. Canlı önizlemeli ücretsiz RGB - HSL dönüştürücü. CSS temaları ve RGB'den palet üretmek 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ü.