CSS rgba() funktion

Eksempel

Definer forskellige RGB-farver med gennemsigtighed (RGBA):

#p1 {background-color:rgba(255,0,0,0.3);} /* Rød med gennemsigtighed */
#p2 {background-color:rgba(0,255,0,0.3);} /* Grøn med gennemsigtighed */
#p3 {background-color:rgba(0,0,255,0.3);} /* Blå med gennemsigtighed */

Prøv det selv

Definition og brug

rgba() funktionen bruger Red-green-blue-alpha (RGBA) modellen til at definere farve.

RGBA farveværdier er en udvidelse af RGB farveværdier, og de har en alpha-kanal, hvor farvegennemsigtighed kan specificeres.

Version: CSS3

Browserunderstøttelse

Tallene i tabellen angiver den første browserversion, der fuldt ud understøtter funktionen.

Funktion
rgba() 1.0 9.0 3.0 3.1 10.0

CSS syntaks

rgba(red, green, blue, alpha)
Værdi Beskrivelse
red Definer rød intensitet som et heltal mellem 0 og 255, eller en procentværdi mellem 0% og 100%.
green Definer grøn intensitet som et heltal mellem 0 og 255, eller en procentværdi mellem 0% og 100%.
blue Definer blå intensitet som et heltal mellem 0 og 255, eller en procentværdi mellem 0% og 100%.
alpha Definer gennemsigtighed som et tal mellem 0.0 (fuldstændig gennemsigtig) og 1.0 (fuldstændigt uigennemsigtig).