Funzione rgba() CSS

Esempio

Definire diversi colori RGB con opacità (RGBA):

#p1 {background-color:rgba(255,0,0,0.3);} /* Rosso con opacità */
#p2 {background-color:rgba(0,255,0,0.3);} /* Verde con opacità */
#p3 {background-color:rgba(0,0,255,0.3);} /* Blu con opacità */

Prova da solo

Definizione e uso

La funzione rgba() definisce il colore utilizzando il modello Red-green-blue-alpha (RGBA).

Il valore di colore RGBA è un'estensione del valore di colore RGB, che ha un canale alpha che può specificare la trasparenza del colore.

Versione: CSS3

Supporto del browser

I numeri nella tabella indicano la versione del browser che supporta completamente questa funzione.

Funzione
rgba() 1.0 9.0 3.0 3.1 10.0

Sintassi CSS

rgba(red, green, blue, alpha)
Valore Descrizione
red Definire l'intensità del rosso come un numero intero tra 0 e 255, o come un valore percentuale tra 0% e 100%.
green Definire l'intensità del verde come un numero intero tra 0 e 255, o come un valore percentuale tra 0% e 100%.
blue Definire l'intensità del blu come un numero intero tra 0 e 255, o come un valore percentuale tra 0% e 100%.
alpha Definire l'opacità come numero compreso tra 0.0 (completamente trasparente) e 1.0 (completamente opaco).