Fungsi rgba() CSS

Contoh

Definisi warna RGB dengan kecerahan yang berbeda (RGBA):

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

Coba sendiri

Definisi dan penggunaan

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

Nilai warna RGBA adalah ekspansi nilai warna RGB, yang mempunyai saluran alpha yang dapat ditetapkan ke kadar kecerahan warna.

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

Syarat CSS

rgba(red, green, blue, alpha)
Nilai Deskripsi
red Tetapkan kekuatan merah dalam angka bulat antara 0 hingga 255, atau dalam persen antara 0% hingga 100%.
green Tetapkan kekuatan hijau dalam angka bulat antara 0 hingga 255, atau dalam persen antara 0% hingga 100%.
blue Tetapkan kekuatan biru dalam angka bulat antara 0 hingga 255, atau dalam persen antara 0% hingga 100%.
alpha Tentukan kepadatan bawah garis antara 0.0 (sangat jernih) dan 1.0 (tidak jernih).