RGBa je CSS 3 značka. Poleg nastavitve RGB barve nam omogoča tudi nastavitev transparence – “a”(alpha).

Transparenco določamo s pomočjo dodatnega parametra. Njegova vrednost se giblje med 0.0 do 1.0, pri čemer je 1.0 viden 0.0 pa neviden. Vrednosti vmes pa določajo transparenco.

Primer kode

div {
background: rgba(255, 126, 0, 0.5);
}

Zaradi različne podpore brskalnikov vedno uporabite tudi rezervno barvo – RGB. Tako se uporabi polna barva pri brskalnikih, ki te značke ne podpirajo.

Primer kode

div {
background: rgb(255, 126, 0); /* Rezerva */
background: rgba(255, 126, 0, 0.5);
}


Primer uporabe RGBA


div.P1 { background:rgba(255, 126, 0, 0.2); height:20px; }
div.P2 { background:rgba(255, 126, 0, 0.4); height:20px; }
div.P3 { background:rgba(255, 126, 0, 0.6); height:20px; }
div.P4 { background:rgba(255, 126, 0, 0.8); height:20px; }
div.P5 { background:rgba(255, 126, 0, 1.0); height:20px; }


Primer uporabe RGB barve


div.P11 { background:rgb(255, 229, 204); height:20px; }
div.P21 { background:rgb(255, 203, 153); height:20px; }
div.P31 { background:rgb(255, 178, 102); height:20px; }
div.P41 { background:rgb(255, 152, 51); height:20px; }
div.P51 { background:rgb(255, 126, 0); height:20px; }

Slabost te metode je, da jo ne podpirajo vsi brskalniki. Podrobno lestvico si lahko ogledate spodaj.