CSS rgba() fonksiyonu

Örnek

Farklı şeffaflıkla RGB renklerini (RGBA) tanımlayın:

#p1 {background-color:rgba(255,0,0,0.3);} /* Şeffaflıkla kırmızı */
#p2 {background-color:rgba(0,255,0,0.3);} /* Şeffaflıkla yeşil */
#p3 {background-color:rgba(0,0,255,0.3);} /* Şeffaflıkla mavi */

Kişisel olarak deneyin

Tanım ve kullanım

rgba() fonksiyonu, Red-green-blue-alpha (RGBA) modelini kullanarak renkleri tanımlar.

RGBA renk değeri, şeffaflık kanalını belirleyebilen RGB renk değerinin genişletimidir.

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
rgba() 1.0 9.0 3.0 3.1 10.0

CSS dilbilgisi

rgba(red, green, blue, alpha)
Değer Açıklama
red Kırmızı yoğunluğu 0 ila 255 arasındaki tamsayı veya 0% ila 100% arasındaki yüzdelik değer olarak tanımlayın.
green Yeşil yoğunluğu 0 ila 255 arasındaki tamsayı veya 0% ila 100% arasındaki yüzdelik değer olarak tanımlayın.
blue Mavi yoğunluğu 0 ila 255 arasındaki tamsayı veya 0% ila 100% arasındaki yüzdelik değer olarak tanımlayın.
alpha Saydamlık, 0.0 (tamamen şeffaf) ile 1.0 (tamamen şeffaf olmayan) arasında bir sayı olarak tanımlanır.