|
Le système utilisé en informatique pour représenter les couleurs est le système RGB ( Red - Green - Blue ), en synthèse additive, contrairement à la synthèse soustractive utilisée pour la peinture, par exemple.
Ainsi pour noter une couleur, il nous faut pouvoir combiner trois informations, à savoir l'intensité de chacune des trois couleurs primaires Rouge, Vert et Bleu. Pour cela, nous aurons besoin de connaître un peu l'hexadécimal.
Le système hexadécimal
Ce système est utilisé dans plusieurs situations, notamment en électronique et pour le codage informatique des couleurs.
Les 16 symboles utilisés sont : 0 1 2 3 4 5 6 7 8 9 A B C D E F.
Ainsi, les lettres remplacent successivement les valeurs 10, 11, 12, 13, 14 et 15.
Avec deux symboles, on peut donc avoir 16 * 16 = 256 nombres, par exemple :
- 7A en hexadécimal représente 7 * 16 + 10 * 1 = 122 en décimal.
- EF en hexadécimal représente 14 * 16 + 15 * 1 = 239 en décimal.
Pourquoi à chaque fois multiplier par 16 puis par 1 ?
Pour cela il faut connaitre les systèmes de numération, et je ne vais pas développer ici, mais voici un lien ( classique ) pour les plus curieux :
Wikipedia - Systèmes de numération
Retour sur les couleurs
L'intensité de chaque couleur est représentée par deux chiffres en hexadécimal, par exemple :
AB 05 7E
AB, pour l'intensité de rouge, 05 pour le vert, et 7E pour le bleu.
Avec 256 nuances possibles sur chacune des couleurs, cela fait 2563 couleurs différentes possibles !
Donc 6 symboles en hexadécimal permettent d'obtenir environ 16 millions de couleurs, bien plus que ce que l'oeil humain peut distinguer.
Exemples :
-
000000 signifie 00 = 0 ( aucun ) pour rouge, pour vert et pour bleu, c'est donc le blanc.
-
FFFFFF signifie FF = 255 ( tout ) pour rouge, vert et bleu, c'est donc le noir.
- Avec un peu d'imagination, vous devriez pouvoir rapidement comprendre ce que réprésentent FF00FF, 00FFFF et FFFF00.
Bon, et finalement, cela représente quoi AB057E ?
On peut utiliser pour cela un logiciel comme gimp ( cliquer sur la couleur d'avant-plan ou d'arrière-plan dans la fenêtre principale ) :
Il s'agit donc d'une nuance de violet, et à l'aide de gimp, on voit apparaitre les valeurs décimales des intensités de chaque couleur ( 171 pour le Rouge, 5 pour le Vert et 126 pour le Bleu ).
Réciproquement, si vous cherchez une couleur précise, vous pouvez choisir cette couleur avec la fenêtre ci-dessus, et utiliser sa valeur hexadécimal.
Dans un fichier CSS
Il faut faire précéder la valeur hexadécimale de la couleur par le symbole #. Ainsi la propriété :
signifie que la couleur des titres balisés par h1 seront de la couleur violette ci-dessus.
Liens
Pour les pressés, voici quelques sites qui proposent un panel de couleurs et leurs valeurs hexadécimales :
|
Généralités 