Couleurs RGB CSS

Valeur RGB

Dans CSS, vous pouvez spécifier une couleur en valeur RGB en utilisant la formule suivante :

rgb(rouge, vert, bleu)

Chaque paramètre (rougevert et bleu) Définit l'intensité de couleur entre 0 et 255.

Par exemple, rgb(255, 0, 0) s'affiche en rouge, car la valeur de la couleur rouge est au maximum (255), et les autres sont à 0.

Pour afficher le noir, mettez tous les paramètres de couleur à 0, comme suit : rgb(0, 0, 0).

Pour afficher le blanc, mettez tous les paramètres de couleur à 255, comme suit : rgb(255, 255, 255).

Essayez de mélanger les valeurs RGB suivantes pour tester :

 

ROUGE

255

VERT

0

BLEU

0

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)

Essayer vous-même

Généralement, on utilise des valeurs égales pour les trois sources de lumière pour définir les ombres grises :

Exemple

rgb(0, 0, 0)
rgb(60, 60, 60)
rgb(120, 120, 120)
rgb(180, 180, 180)
rgb(240, 240, 240)
rgb(255, 255, 255)

Essayer vous-même

Valeur RGBA

La valeur de couleur RGBA est une extension de la valeur de couleur RGB avec un canal alpha - elle spécifie l'opacité de la couleur.

Les valeurs de couleur RGBA sont spécifiées :

rgba(rouge, vert, bleu, alpha)

alpha Les paramètres sont des nombres entre 0.0 (complètement transparent) et 1.0 (complètement opaque) :

Expérimentez en mélangeant les valeurs RGBA suivantes :

 

ROUGE

255

VERT

0

BLEU

0

ALPHA

0

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)

Essayer vous-même