HTML Couleurs RGB et RGBA


Une valeur de couleur RGB représente les sources de lumière 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 sous forme de valeur RGB, en utilisant cette formule :

rgb( rouge, vert , bleu )

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 = 16 777 216 couleurs possibles !

Par exemple, rgb(255, 0, 0) est affiché en rouge, car le rouge est réglé à sa valeur maximale (255), tandis que les deux autres (vert et bleu) sont à 0.

Un autre exemple, rgb(0, 255, 0) est affiché en vert, car le vert est réglé à sa valeur maximale (255), tandis que les deux autres (rouge et bleu) sont à 0.

Pour afficher le noir, réglez tous les paramètres de couleur à 0, comme ceci : rgb(0, 0, 0).

Pour afficher le blanc, réglez tous les paramètres de couleur à 255, comme ceci : rgb(255, 255, 255).

Exemple

rgb(255, 0, 0)
rgb(0, 0, 255)
rgb(60, 179, 113)
rgb(238, 130, 238)
rgb(255, 165, 0)
rgb(106, 90, 205)

Essayez-le vous-même »

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

ROUGE

255

VERT

0

BLEU

0

Nuances de Gris

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

Exemple

rgb(60, 60, 60)
rgb(100, 100, 100)
rgb(140, 140, 140)
rgb(180, 180, 180)
rgb(200, 200, 200)
rgb(240, 240, 240)

Essayez-le vous-même »

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( rouge, vert , bleu, alpha )

Le paramètre alpha est un nombre compris entre 0.0 (totalement transparent) et 1.0 (pas du tout transparent) :

Exemple

rgba(255, 99, 71, 0)
rgba(255, 99, 71, 0.2)
rgba(255, 99, 71, 0.4)
rgba(255, 99, 71, 0.6)
rgba(255, 99, 71, 0.8)
rgba(255, 99, 71, 1)

Essayez-le vous-même »

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

ROUGE

255

VERT

0

BLEU

0

ALPHA

0