Convertisseur HEX vers RGB
Transformez un code couleur hex en valeurs RGB.
Fonctionne dans votre navigateur. Rien de ce que vous tapez n'est envoyé nulle part.
- 3, 4, 6 ou 8 chiffres
- RGBA et HSL aussi
- Copie en un clic
Comment convertir HEX en RGB
- Tapez ou collez un code hex, avec ou sans le #.
- Les valeurs RGB, RGBA et HSL se mettent à jour au fur et à mesure.
- Cliquez sur le bouton de copie à côté de la valeur voulue.
Exemples de HEX vers RGB
| Hex | RGB | Remarque |
|---|---|---|
| #FF8800 | rgb(255, 136, 0) | Hex standard à 6 chiffres |
| #F80 | rgb(255, 136, 0) | Raccourci à 3 chiffres, même couleur |
| #000000 | rgb(0, 0, 0) | Noir |
| #FFFFFF | rgb(255, 255, 255) | Blanc |
| #FF880080 | rgba(255, 136, 0, 0.5) | Hex à 8 chiffres avec alpha |
Un raccourci et sa version complète se décodent toujours en la même couleur exacte, car chaque chiffre du raccourci est simplement doublé.
D'où viennent les codes hex
Les outils de design comme Figma et Photoshop, et les DevTools de chaque navigateur, affichent une couleur en hex par défaut, car c'est la façon la plus courte d'écrire une couleur exacte en texte.
Le hex fait partie du web depuis les tout premiers attributs de couleur du HTML dans les années 1990, bien avant l'existence des fonctions CSS rgb() et hsl(). Voilà pourquoi le hex reste le format que privilégient la plupart des chartes graphiques.
Erreurs courantes avec les codes hex
- Un code hex a besoin de 3, 4, 6 ou 8 chiffres. Une longueur de 5 ou 7 est invalide et ne se convertira pas.
- Certaines anciennes API Windows stockent les couleurs en BGR au lieu de RGB, donc un code copié depuis du vieux code peut avoir le rouge et le bleu inversés.
- Les deux derniers chiffres d'un code à 8 chiffres sont l'alpha, pas un quatrième canal de couleur, donc #FF880000 est totalement transparent, pas un orange plus sombre.
FAQ HEX vers RGB
Comment convertir HEX en RGB à la main ?
Divisez le code en trois paires et convertissez chaque paire de la base 16 à la base 10. Pour #F08A3C cela donne F0 = 240, 8A = 138 et 3C = 60, soit rgb(240, 138, 60).
Qu'est-ce qu'un code hex à 3 chiffres ?
Un raccourci où chaque chiffre est doublé. #F80 est la même couleur que #FF8800, et #000 est le noir.
Que signifient les deux derniers chiffres d'un code hex à 8 chiffres ?
Ce sont l'alpha, ou l'opacité. #FF880080 est un orange à environ 50 % d'opacité, comme rgba(255, 136, 0, 0.5).
Le code a-t-il besoin d'un # au début ?
Non. Le convertisseur accepte les codes avec ou sans #, en majuscules ou en minuscules.
Pourquoi mon code hex s'affiche-t-il comme invalide ?
Un code hex doit compter exactement 3, 4, 6 ou 8 chiffres utilisant 0-9 et A-F. Une longueur comme 5 ou 7, ou un caractère hors de cette plage, ne se convertira pas.
Puis-je coller une variable CSS comme var(--brand) ?
Non, collez la valeur de couleur littérale. Vérifiez d'abord ce que résout la variable, par exemple dans le panneau des styles calculés des DevTools de votre navigateur.
Quel est le code hex le plus court possible ?
3 chiffres, comme #000 pour le noir ou #fff pour le blanc. Chaque chiffre représente une paire doublée dans la valeur complète à 6 chiffres.