Convertisseur HEX en RGB
Collez un code couleur HEX et obtenez ses valeurs RGB, prêtes à copier en rgb() ou rgba().
Convertir un code couleur HEX en RGB
Les fichiers de design et les chartes graphiques donnent généralement les couleurs en codes HEX, alors que le code canvas, les attributs SVG, les bibliothèques d'images et le CSS avec transparence attendent souvent des valeurs RGB. Les deux notations décrivent exactement la même chose : la conversion de l'une à l'autre est donc sans perte.
Cette page ouvre le convertisseur de couleurs avec la saisie HEX sélectionnée et un exemple chargé. Remplacez-le par votre propre code.
Comment fonctionne la conversion
Une couleur HEX, ce sont trois octets écrits en base 16 : rouge, vert et bleu. Chaque paire de chiffres va de 00 à FF, soit 0 à 255 en décimal. Pour convertir une paire, multipliez le premier chiffre par 16 et ajoutez le second, sachant que A à F valent 10 à 15.
| HEX | Paires | RGB |
|---|---|---|
#0A84FF | 0A · 84 · FF | rgb(10, 132, 255) |
#FF5733 | FF · 57 · 33 | rgb(255, 87, 51) |
#FFF | FF · FF · FF | rgb(255, 255, 255) |
#000000 | 00 · 00 · 00 | rgb(0, 0, 0) |
Codes courts et alpha
- 3 chiffres : chaque chiffre est doublé,
#0AFéquivaut donc à#00AAFF. - 4 chiffres : même doublement, le quatrième chiffre servant d'alpha.
- 8 chiffres : la dernière paire est l'alpha, de 00 (transparent) à FF (opaque), affiché en
rgba()avec une valeur de 0 à 1. - Le
#initial est facultatif ; minuscules et majuscules fonctionnent toutes les deux.
HEX en RGB dans le code
En JavaScript, parseInt('84', 16) renvoie 132 : une conversion complète revient à trois appels de ce type sur les paires. En Python, tuple(int(h[i:i+2], 16) for i in (0, 2, 4)) fait de même pour une chaîne de six chiffres sans le #. Le CSS moderne accepte directement les deux notations : une conversion n'est nécessaire que lorsqu'un outil ou une API impose l'une d'elles.
Conversions associées
Dans l'autre sens, RGB en HEX retransforme des valeurs de canal en code. Pour créer des variantes plus claires et plus foncées, HEX en HSL est généralement plus pratique, et le vérificateur de contraste des couleurs vous indique si une couleur reste lisible sur son fond.