HEX vs RGB : lire et convertir les couleurs

Même couleur, deux notations

À l'écran, chaque couleur est un mélange de lumière rouge, verte et bleue. HEX et RGB notent simplement la quantité de chacune — ils décrivent des couleurs identiques, dans une écriture différente. Le RGB se lit et s'ajuste facilement à l'œil ; le HEX est compact et pratique à copier-coller, d'où son usage par les designers et dans le code. Convertir de l'un à l'autre ne change rien à la couleur.

Lire le RGB

Le RGB donne trois nombres de 0 à 255, un par canal : rgb(255, 0, 0) est rouge pur, rgb(0, 255, 0) vert, rgb(0, 0, 255) bleu. Zéro signifie aucune de cette lumière, 255 le maximum. En les mélangeant on obtient toutes les autres couleurs — des quantités égales des trois donnent un gris, et les trois à 255 donnent du blanc.

Lire le HEX

Une couleur HEX est un # suivi de six chiffres, deux par canal, en base 16 où les chiffres vont de 0 à 9 puis A à F (donc F vaut 15, et FF vaut 255). #FF5733 se décompose en FF rouge, 57 vert, 33 bleu — exactement la même couleur que rgb(255, 87, 51). #FFFFFF est blanc, #000000 noir, et une notation courte à trois chiffres comme #F53 double chaque chiffre (donc #F53 = #FF5533).

Convertir et ajouter l'alpha

Convertir revient à changer la base de chaque canal : 87 en base 10 vaut 57 en hex, et inversement. Pour rendre une couleur transparente, ajoute une valeur alpha (opacité) — rgba(255, 87, 51, 0.5) est à 50 % de transparence, ou un hex à huit chiffres #FF573380 fait de même. Un convertisseur gère les deux sens instantanément, ce qui évite l'arithmétique en base 16 à la main.

Questions fréquentes

HEX ou RGB, lequel est mieux ?

Ils donnent le même résultat. Le HEX est compact pour le code, le RGB plus lisible et ajustable, et le RGBA ajoute la transparence.

Que signifie #FFFFFF ?

Les trois canaux au maximum (255, 255, 255), soit le blanc. #000000 est les trois canaux à zéro — le noir.

Comment ajouter de la transparence ?

Utilise rgba() avec une valeur alpha de 0 à 1, ou un hex à huit chiffres (#RRGGBBAA) où la dernière paire règle l'opacité.