CSS hsla() fonksiyonu

örnek

Şeffaflıkla farklı HSL renkleri tanımla:

#p1 {background-color:hsla(120,100%,50%,0.3);} /* Yeşil */
#p2 {background-color:hsla(120,100%,75%,0.3);} /* Hafif yeşil */
#p3 {background-color:hsla(120,100%,25%,0.3);} /* Kalın yeşil */
#p4 {background-color:hsla(120,60%,70%,0.3);} /* Milden yeşil */

Kişisel olarak deneyin

tanım ve kullanım

hsla() fonksiyonu, Hue-saturation-ışıklandırma-alpha modeli (HSLA) kullanarak renkleri tanımlar.

HSLA renk değeri, Alpha kanalına sahip HSL renk değerinin genişletimidir - bu kanal, rengin şeffaflığını belirtir.

sürüm: CSS3

tarayıcı desteği

tabloda belirtilen rakamlar, bu işlevi tam olarak destekleyen ilk tarayıcı sürümünü gösterir.

fonksiyon
hsla() 1.0 9.0 3.0 3.1 10.0

CSS dilbilgisi

hsla(doğru renk, dolgunluk, ışıklandırma, alpha)
değer tanım
doğru renk Renk çemberindeki dereceleri tanımlar (0'dan 360'e kadar) - 0 (veya 360) kırmızıdır, 120 yeşildir, 240 mavi'dir.
dolgunluk Dolgunluk tanımı - 0% gri tonlamadır, 100% ise tam renkli (tam dolgunluk)dır.
ışıklandırma Parlaklığı tanımlar - 0% siyah, 50% normal, 100% beyazdır.
alpha Şeffaflığı belirler - 0.0 (tamamen şeffaf) ve 1.0 (tamamen şeffaf olmayan) arasında sayısal değerlerdir.