Convertisseur hex en RGB

Qu’est-ce qu’un convertisseur hex en RGB ?

Un code hexadécimal comme #4093E6 est la façon dont CSS écrit une couleur : un dièse suivi de six chiffres, deux par canal, en base 16. On le retrouve dans les feuilles de style, les chartes graphiques ou collé directement depuis Figma. Le problème, c’est que beaucoup d’outils — logiciels de dessin vectoriel, moteurs de rendu, certaines API — ne comprennent pas le hex et demandent les trois canaux Rouge, Vert, Bleu séparément, chacun de 0 à 255. Convertir un code hexadécimal en rgb consiste juste à relire ces mêmes six chiffres en base 10.

Cet outil convertit hex en rgb quelle que soit la forme du code : trois chiffres (#F80), six chiffres (#4093E6) ou huit avec une opacité (#4093E680), avec ou sans le dièse. Collez-le, et la chaîne rgb() correspondante s’affiche en grand, prête à copier, avec un aperçu de la couleur et le détail des trois canaux Rouge, Vert et Bleu. En dessous, retrouvez aussi l’équivalent hsl(), le nom de la teinte la plus proche parmi 220 couleurs reconnues, et un lien vers le sélecteur de couleur complet.

Comment l’utiliser

1. Collez votre code hex. Avec ou sans dièse, en 3, 6 ou 8 chiffres — l’outil reconnaît toutes ces écritures, y compris l’abréviation à 3 chiffres.
2. Lisez le résultat rgb(). La valeur s’affiche en grand avec un aperçu de la couleur, ainsi que les trois canaux Rouge, Vert et Bleu séparés.
3. Copiez ce dont vous avez besoin. Cliquez sur le rgb() ou sur les formats hsl() et hexadécimal proposés plus bas — chaque valeur se copie en un clic.

Comment fonctionne la conversion

Chaque code hex encode trois nombres en base 16, deux chiffres par canal. La première paire va de 00 (aucune lumière sur ce canal) à FF (intensité maximale), ce qui correspond très exactement à l’intervalle 0-255 utilisé par rgb() — seule la base d’écriture change. E6, par exemple, vaut 230 en base 10 : ni plus ni moins. La conversion hex vers rgb ne fait donc aucune approximation, dans un sens comme dans l’autre, contrairement au HSL, dont le calcul introduit presque toujours un léger écart d’arrondi.

L’écriture abrégée à 3 chiffres double chaque chiffre : #F80 équivaut à #FF8800, parce que seules les couleurs dont les deux chiffres de chaque canal se répètent peuvent s’écrire ainsi — environ 4 096 des 16,7 millions de couleurs possibles. Le seul arrondi réel concerne l’opacité : sur un hex à 8 chiffres, elle est stockée sur deux chiffres (00 à FF), donc un alpha comme 0,5 devient 80 en hex, soit 128/255 et non exactement la moitié. Et comme pour le sens inverse, le rgb() obtenu décrit une couleur sRVB : les teintes Display P3 ou autres gamuts étendus n’ont pas d’équivalent hex classique, le CSS moderne utilise color(display-p3 ...) pour ça. La ligne hsl() affichée à côté est arrondie à l’entier pour rester lisible ; le rgb(), lui, reste exact.

Pourquoi est-ce gratuit ?

Cet outil tourne entièrement dans votre navigateur : votre code hex n’est jamais envoyé à un serveur, il n’y a ni compte à créer, ni filigrane sur le résultat, ni fonction bridée derrière un abonnement. Comme le reste de FreeToGenerate.com, la conversion hex en rgb reste gratuite et accessible sans inscription.