CSS et les couleurs

Le code HTML limite la dénomination de la couleur selon une valeur hexadécimale ou par mots- clés. Les CSS permet d'autres alternatives.

La notation hexadécimale classique

C'est la notation la plus courante. Elle est exprimée par différentes intensités de lumière rouge, verte et bleu (RVB). Le tout est précédé par une dièse. Les valeurs vont de 0 à 9 et de A à F (base 16) et autorisent 256 combinaisons par teinte. L'abscense de couleur (noir) est représentée par #000000. La combinaison des trois couleurs à leur plus forte intensivité (blanc) est représentée par #FFFFFF.

1. h2 {
2. color: #00AA22;
3. }

La notation hexadécimale abrégée

Les couleurs utilisant des valeurs doubles peuvent être abrégées. Dans notre exemple #001122 peut être raccourci par #0A2. Elle permet de gagner un peu de place. Elle n'est cependant pas une obligation.

1. h2 {
2. color: #0A2;
3. }

La notation en pourcentage

C'est certainement la forme la moins courante. Elle fonctionne de manière identique que les deux précédentes mais sa syntaxe est légèrement différente. Le dièse est absent puisqu'on ne spécifie plus une valeur hexadécimale.

1. h2 {
2. color: rgb(50%, 75%, 0%);
3. }

La notation décimale

Identique à la forme hexadécimale, les valeurs sont cependant exprimées sur une palette de 0 à 255; c'est-à-dire 256 couleurs.

1. h2 {
2. color: rgb(50, 0, 255);
3. }

Les mots-clés

Permet à ceux qui ne maîtrisent pas le mélange des couleurs de spécifier une teinte en particulier. La valeur est exprimée par le nom de la couleur en anglais. Le W3C a repris 16 couleurs standards. Ceci dit, chaque navigateur à sa petite collection de couleurs bien plus large que les teintes officielles.

1. h2 {
2. color: red;
3. }

Réalisé le 26 mars 2005.