Les Couleurs en Hexadécimal

Dans la page consacrée à la Théorie des Couleurs, nous avons vu que les couleurs pouvaient être définies par leurs composantes Rouge, Verte et Bleue (RVB), les couleurs primaires de la synthèse additive utilisée par les écrans vidéos.

En informatique, chaque composante RVB est mémorisée sur un octet.
Une couleur est donc mémorisée sur trois octets.

Les octets

L'unité de base en informatique est l'octet. Il est formé de 8 chiffres binaires, uniquement des 0 et des 1. "Le courant passe ou ne passe pas"...

Avec un octet (8 chiffres en base 2), on a 2⁸ = 256 nombres possibles, soit de 0 à 255.

Pour mémoriser une couleur grise, on utilise un octet. Ce qui nous donne 256 niveaux de gris possibles, du noir (0) au blanc (255).

Pour les couleurs, on consacre 1 octet par composante RVB. Aux 256 niveaux de rouge, on combine 256 niveaux de vert et 256 niveaux de bleu, soit 256 x 256 x 256 = 16.777.216 nuances de couleurs affichables sur un écran vidéo...

Et en hexadécimal ?

C'est assez lourd de parler avec des 0 et des 1...
On les regroupe par 4 pour former des nombres en base 2⁴ = 16.

On utilise donc 16 chiffres, de 0 à 9, puis de A à F :

Ainsi, 10 devient A₁₆ et 16 devient 10₁₆.

Inversement, 64₁₆ = 6₁₆ x 16 + 4₁₆ x 1 = 96 + 4 = 100.
Et 80₁₆ = 8₁₆ x 16 + 0₁₆ x 1 = 128.

Inutile de connaître la conversion par cœur. Intuitivement, retenons que les nombres vont de 0 (00₁₆) à 255 (FF₁₆) et que la moitié vaut 128 (80₁₆). Un peu comme avec les Francs et les Euros, on raisonne dans la monnaie du pays...

Le format #RRVVBB

Chaque couleur va s'exprimer par le triplet RVB. Par exemple, l'Orange c'est du rouge (255), moitié moins de vert (128) et pas de bleu (0). Soit le triplet (255, 128, 0), soit encore #FF8000 où le # spécifie qu'il s'agit d'un nombre hexadécimal.

Voulez-vous faire une petite expérience ? Placez la souris sur la ligne rouge. Tout le carré deviendra rouge. Fixez attentivement pendant 10 secondes un points bien précis du carré (par exemple le point au-dessus du "i" du texte "Couleur primaire"). Puis tout en restant fixer ce point attentivement, sortez la souris du carré par le haut ou la droite. Pendant quelques instants vous "verrez" le carré dans la couleur complémentaire du rouge, soit en cyan !... Un effet de la mémoire rétinienne... 

 Accueil