Gestion de la couleur en CSS
CHAPITRE 4
65
La notation RGB
La syntaxe CSS pour la notation des couleurs en RGB est la suivante :
Zéro sur le rouge, zéro sur le vert, valeur maximale (255) sur le bleu : on devine aisément quelle couleur cette commande produit. On peut aussi inscrire les valeurs en
pourcentages :
Ces couleurs fondamentales se composent à l’écran par synthèse additive, moins
intuitive que la synthèse soustractive, familière aux peintres. C’est pourquoi il est
utile de se familiariser avec les codes des couleurs les plus classiques :
En modifiant la valeur de ces trois composantes, on peut représenter toute teinte
imaginable. On définira ainsi plusieurs variantes de bleu en n’agissant que sur le troisième nombre. Cette notation est dite « décimale » car elle recourt au système de
numération familier, à dix chiffres.
La notation hexadécimale
C’est une autre manière d’écrire les nombres, plus adaptée à l’informatique et notamment à la manipulation d’octets. On s’y autorise seize chiffres (les chiffres habituels
complétés par les six premières lettres de l’alphabet – généralement écrites en minuscules). Deux caractères peuvent alors exprimer 16 fois 16 (soit 256) valeurs différentes, de 00 (0) à ff (255).
Le symbole dièse (#) introduit une valeur RGB codée en hexadécimal. Les trois
composantes sont rassemblées sur six caractères :
Ces trois paires successives correspondent respectivement aux codages hexadécimaux
des composantes rouge, verte, et bleue de la couleur considérée. L’exemple ci-dessus
prévoit ainsi une quantité nulle de rouge et de vert et la quantité maximale de bleu.
rgb(0,0,255) (ceci correspond au bleu)
rgb(0,0,100%) (autre représentation du bleu)
rgb(0,0,0) (noir)
rgb(255,255,255) (blanc)
rgb(255,0,0) (rouge)
rgb(0,128,0) (vert)
rgb(255,255,0) (jaune)
#0000ff (bleu)
CHAPITRE 4
65
La notation RGB
La syntaxe CSS pour la notation des couleurs en RGB est la suivante :
Zéro sur le rouge, zéro sur le vert, valeur maximale (255) sur le bleu : on devine aisément quelle couleur cette commande produit. On peut aussi inscrire les valeurs en
pourcentages :
Ces couleurs fondamentales se composent à l’écran par synthèse additive, moins
intuitive que la synthèse soustractive, familière aux peintres. C’est pourquoi il est
utile de se familiariser avec les codes des couleurs les plus classiques :
En modifiant la valeur de ces trois composantes, on peut représenter toute teinte
imaginable. On définira ainsi plusieurs variantes de bleu en n’agissant que sur le troisième nombre. Cette notation est dite « décimale » car elle recourt au système de
numération familier, à dix chiffres.
La notation hexadécimale
C’est une autre manière d’écrire les nombres, plus adaptée à l’informatique et notamment à la manipulation d’octets. On s’y autorise seize chiffres (les chiffres habituels
complétés par les six premières lettres de l’alphabet – généralement écrites en minuscules). Deux caractères peuvent alors exprimer 16 fois 16 (soit 256) valeurs différentes, de 00 (0) à ff (255).
Le symbole dièse (#) introduit une valeur RGB codée en hexadécimal. Les trois
composantes sont rassemblées sur six caractères :
Ces trois paires successives correspondent respectivement aux codages hexadécimaux
des composantes rouge, verte, et bleue de la couleur considérée. L’exemple ci-dessus
prévoit ainsi une quantité nulle de rouge et de vert et la quantité maximale de bleu.
rgb(0,0,255) (ceci correspond au bleu)
rgb(0,0,100%) (autre représentation du bleu)
rgb(0,0,0) (noir)
rgb(255,255,255) (blanc)
rgb(255,0,0) (rouge)
rgb(0,128,0) (vert)
rgb(255,255,0) (jaune)
#0000ff (bleu)