Les couleurs en informatique : comprendre le système hexadécimal

De l’apparence d’un logiciel à l’habillage d’une page Web ou d’une application, les couleurs sont présentes partout en informatique et en conception Web, grâce au système hexadécimal qui indique la manière dont les couleurs vont s’afficher à l’écran. Comment fonctionne ce système ? Posons les bases.

Décimal, hexadécimal : quelles différences ?#

Le système décimal (système de numérotation indo-arabe) repose sur une base dix (les chiffres de 0 à 9). En revanche, le système hexadécimal fonctionne, lui, avec une base de seize chiffres.

Sachant que le système décimal n’utilise que 10 chiffres, il n’est pas possible d’utiliser un nombre pour représenter les 6 chiffres au-delà du 9. C’est pour cela que le système hexadécimal utilise les lettres de A, B, C, D, E et F pour les représenter.

Les seize valeurs du système hexadécimal sont donc :

0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F

Lire et décomposer un code couleur hexadécimal#

Chaque code couleur hexadécimal commence par le signe « # » ou « croisillon ». Il est composé de 6 caractères issus des seize valeurs du système hexadécimal. On peut donc y retrouver aussi bien des chiffres de 0 à 9 que des lettres de A à F, par exemple : #850606 (code hexadécimal du rouge sang) ou #2C75FF (bleu électrique).

Le code est à diviser en trois parties ou paires, chacune composée de deux caractères. Chaque paire représente le rouge, le vert et le bleu, soit :

#RRVVBB en français (RR = Rouge, VV = Vert, BB = Bleu) ou #RRGGBB en anglais.

Les seize valeurs du système hexadécimal (0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F) peuvent se situer à n’importe quel endroit du code. Elles indiquent l’intensité de la couleur, 0 étant l’intensité minimale et F l’intensité maximale (#000000 représente donc le noir le plus profond avec absence de couleur, #FFFFFF le blanc le plus pur).

Chacune des trois paires correspondant à un octet (1 octet = 8 bits de valeur “0” ou “1”), il existe 256 valeurs différentes possibles pour une couleur (28 = 256), de 0 à 255. Ces valeurs exprimées en base 10 sont ensuite converties en base 16 avec des chiffres de 0 à 9 et des lettres de A à F, à travers deux éléments : RR, VV, BB.

Quelques exemples de codes couleurs hexadécimaux#

Quelle est la particularité du code #005EDA ? Il ne contient pas de rouge.

Quelle est la couleur représentée par le code #0000FF ? Le bleu (absence de rouge, absence de vert, intensité maximale pour le bleu).

Quelle est la particularité d’un code hexadécimal dont les valeurs des trois paires sont identiques ? Exemple : #6D6D6D. Il s’agit forcément d’un gris, excepté pour le noir (#000000) et le blanc (#FFFFFF).

Pour chacune des trois parties du code, 256 combinaisons sont possibles (16 x 16). Il y a donc en tout 256 x 256 x 256 = 16 777 216 combinaisons de couleurs ou nuances possibles. Autant dire que les graphistes et webdesigners ont de quoi se faire plaisir.