Convertisseur RGB en HEX
Saisissez des valeurs de rouge, vert et bleu ou une chaîne CSS rgb() et obtenez le code couleur HEX correspondant.
Convertir des couleurs RGB en codes HEX
Les pipettes, les logiciels de retouche et le code graphique indiquent souvent les couleurs sous forme de trois nombres, alors que le CSS, les jetons de design et les chartes graphiques préfèrent le code HEX, plus compact. La conversion de RGB en HEX est exacte : les trois mêmes octets sont simplement écrits en base 16.
Cette page ouvre le convertisseur de couleurs avec la saisie RGB sélectionnée et un exemple déjà rempli.
La conversion étape par étape
- Prenez la valeur de chaque canal, de 0 à 255.
- Divisez-la par 16 : le quotient donne le premier chiffre hexadécimal, le reste le second (10 à 15 s'écrivent A à F).
- Complétez les chiffres isolés par un zéro initial : 10 devient
0A, et nonA. - Assemblez les trois paires après un
#.
| RGB | Par canal | HEX |
|---|---|---|
rgb(10, 132, 255) | 0A · 84 · FF | #0A84FF |
rgb(255, 87, 51) | FF · 57 · 33 | #FF5733 |
rgb(128, 128, 128) | 80 · 80 · 80 | #808080 |
Oublier ce zéro de remplissage est le bug classique des convertisseurs écrits à la main : 10, 132 et 255 assemblés sans remplissage donnent #A84FF, qui n'est pas une couleur valide.
rgba() et HEX à 8 chiffres
Le CSS accepte les codes HEX à 8 chiffres depuis des années. La quatrième paire est l'alpha : multipliez l'alpha (de 0 à 1) par 255 et arrondissez, si bien que 0,5 devient 128, soit 80 en hexadécimal. Le convertisseur affiche à la fois le code à 8 chiffres et la forme rgba() : utilisez celle que votre outil accepte.
RGB en HEX dans le code
En JavaScript : '#' + [r, g, b].map(v => v.toString(16).padStart(2, '0')).join(''). En Python : '#{:02X}{:02X}{:02X}'.format(r, g, b). Les deux gèrent le zéro de remplissage pour vous.
Outils associés
Utilisez HEX en RGB pour le sens inverse, HEX en HSL quand vous voulez ajuster la luminosité de façon systématique, et le vérificateur de contraste des couleurs avant d'employer une couleur pour du texte.