Fonction rgba() CSS

Exemple

Définir différents couleurs RGB avec transparence (RGBA) :

#p1 {background-color:rgba(255,0,0,0.3);} /* Rouge avec transparence */
#p2 {background-color:rgba(0,255,0,0.3);} /* Vert avec transparence */
#p3 {background-color:rgba(0,0,255,0.3);} /* Bleu avec transparence */

Essayer vous-même

Définition et utilisation

La fonction rgba() utilise le modèle Red-green-blue-alpha (RGBA) pour définir la couleur.

La valeur de couleur RGBA est une extension de la valeur de couleur RGB, elle contient un canal alpha permettant de spécifier la transparence de la couleur.

Version : CSS3

Prise en charge du navigateur

Les numéros dans le tableau indiquent la première version du navigateur prenant en charge cette fonction.

Fonction
rgba() 1.0 9.0 3.0 3.1 10.0

Syntaxe CSS

rgba(red, green, blue, alpha)
Valeur Description
red Définir l'intensité rouge comme un entier entre 0 et 255, ou une valeur en pourcentage entre 0% et 100%.
green Définir l'intensité verte comme un entier entre 0 et 255, ou une valeur en pourcentage entre 0% et 100%.
blue Définir l'intensité bleue comme un entier entre 0 et 255, ou une valeur en pourcentage entre 0% et 100%.
alpha Définir l'opacité comme un nombre compris entre 0,0 (complètement transparent) et 1,0 (complètement opaque).