HTML Couleurs RGB et RGBA

Une valeur de couleur RGB représente les sources de lumière RED, GREEN, BLUE (ROUGE, VERTE et BLEUE).

Une valeur de couleur RGBA est une extension de RGB avec un canal Alpha (opacité).

Valeurs de couleur RGB

En HTML, une couleur peut être spécifiée comme valeur RGB, en utilisant cette formule :

rgb(red, green, blue)

Chaque paramètre (rouge, vert et bleu) définit l'intensité de la couleur avec une valeur comprise entre 0 et 255.

Cela signifie qu'il y a 256 x 256 x 256 = 16777216 couleurs possibles !

Par exemple, rgb(255, 0, 0) est affiché en rouge, car le rouge est défini sur sa valeur la plus élevée (255) et les deux autres (vert et bleu) sont définis sur 0.

Un autre exemple, rgb(0, 255, 0) est affiché en vert, car le vert est défini sur sa valeur la plus élevée (255) et les deux autres (rouge et bleu) sont définis sur 0.

Pour afficher le noir, définissez tous les paramètres de couleur sur 0, comme ceci : rgb(0, 0, 0).

Pour afficher le blanc, définissez tous les paramètres de couleur sur 255, comme ceci : rgb(255, 255, 255).

Expérimentez en mélangeant les valeurs RGB ci-dessous :

Nuances de gris

Les nuances de gris sont souvent définies en utilisant des valeurs égales pour les trois paramètres :

Valeurs de couleur RGBA

Les valeurs de couleur RGBA sont une extension des valeurs de couleur RGB avec un canal Alpha — qui spécifie l'opacité d'une couleur.

Une valeur de couleur RGBA est spécifiée avec :

rgba(red, green, blue, alpha)

Le paramètre alpha est un nombre compris entre 0,0 (entièrement transparent) et 1,0 (pas transparent du tout) :

Expérimentez en mélangeant les valeurs RGBA ci-dessous :