RGBA merupakan warna CSS yang dapat mengatur nilai warna dan transparansi
Di bawah ini berwarna putih menggunakan rgba() untuk mengatur transparansi 50%.
P {
warna: rgba(255, 255, 255, 0,5);
}
RGBA merupakan perpanjangan dari model warna RGB. Akronim ini mewakili huruf pertama dari tiga warna primer merah, hijau, dan biru, dan nilai alfa mewakili transparansi/opasitas warna.
Sintaks RGBA
Format representasi warna RGBA adalah:
rgba(merah, hijau, biru, alfa)
Tiga nilai pertama (merah, hijau dan biru) berkisar dari bilangan bulat antara 0 dan 255 atau persentase antara 0% dan 100%. Nilai tersebut menggambarkan jumlah tiga warna primer merah, hijau, dan biru pada warna yang diinginkan.
Jika ingin mengatur warna merah murni, maka atur parameter merah ke penuh yaitu 255, dan atur parameter hijau dan biru ke 0.
warna latar belakang: rgba(255, 0, 0, 1);
hasil:
Persen juga dapat digunakan:
warna latar belakang: rgba(100%, 0%, 0%, 1);
hasil:
Nilai keempat, alpha, menentukan transparansi/opasitas warna dan berkisar antara 0,0 hingga 1,0
Contoh berikut berwarna kuning dengan transparansi 50%:
warna: rgba(255, 242, 0, 0,5);
Transparansi CSS kompatibel dengan Firefox, IE, dan Chrome. Versi browser saat ini relatif tinggi. Anda dapat merasa bebas untuk menggunakannya dalam proyek Anda.