HSL'den RGBA'ya Dönüştürücü
Ton, doygunluk ve açıklığı CSS'te şeffaflığa hazır bir rgba() değerine dönüştürün.
hsl girişi
Sonuç · RGBA
rgba(255, 61, 119, 1)
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 RGBA'ya
- 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 ve RGBA hakkında
HSL ve RGBA, renk hakkında iki farklı düşünme biçiminden gelir. HSL bir rengi ton, doygunluk ve açıklıkla tanımlar; bu da birbiriyle ilişkili bir ton seti tasarlamayı kolaylaştırır. RGBA ise onu 0 ile 255 arasındaki kırmızı, yeşil ve mavi kanal değerleri ve opaklık için bir alfa kanalıyla tanımlar — birçok JavaScript kütüphanesinin, canvas çizim kodunun, grafik aracının ve eski CSS kod tabanının beklediği biçim.
Dönüştürücü HSL değerlerinizi, alfası 1 olarak, yani tamamen opak şekilde rgba()'ya dönüştürür. Şeffaflık elde etmek için bu son sayıyı düzenleyin: hafif saydam bir panel için 0.8, bir fotoğraf üzerindeki örtü için 0.3, görünmez için 0. İpucu: modern CSS'te alfayı doğrudan HSL'ye de ekleyebilirsiniz, örneğin hsl(160 60% 45% / 0.3); ancak bir kütüphane veya e-posta şablonu yeni sözdizimini desteklemediğinde rgba() daha güvenli bir seçimdir.
Her şey tarayıcınızda yerel olarak çalışır — görselleriniz asla bir sunucuya yüklenmez.