Fungsi rgba() CSS

Contoh

Definisi warna RGB dengan keopakan yang berbeda (RGBA):

#p1 {background-color:rgba(255,0,0,0.3);} /* Merah dengan keopakan */
#p2 {background-color:rgba(0,255,0,0.3);} /* Hijau dengan keopakan */
#p3 {background-color:rgba(0,0,255,0.3);} /* Biru dengan keopakan */

Coba Sendiri

Definisi dan Penggunaan

Fungsi rgba() menggunakan model Warna Red-green-blue-alpha (RGBA) untuk mendefinisikan warna.

Nilai warna RGBA adalah ekspansi nilai warna RGB, yang memiliki jalur keopakan warna yang dapat ditentukan.

Versi: CSS3

Dukungan Browser

Angka di tabel menunjukkan versi browser pertama yang mendukung fungsi ini penuh.

Fungsi
rgba() 1.0 9.0 3.0 3.1 10.0

Sintaks CSS

rgba(red, green, blue, alpha)
Nilai Deskripsi
red Merupakan bilangan bulat antara 0 hingga 255, atau persen nilai antara 0% hingga 100%.
green Merupakan bilangan bulat antara 0 hingga 255, atau persen nilai antara 0% hingga 100%.
blue Merupakan bilangan bulat antara 0 hingga 255, atau persen nilai antara 0% hingga 100%.
alpha Definisi kecerahan diantara angka 0.0 (sangat transparan) dan 1.0 (sangat tak transparan).