Développeur 🔒 Fonctionne dans votre navigateur — aucune donnée envoyée

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.

Couleur d'entrée
Saisissez une couleur à convertir...

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.

Schéma : la couleur HEX #0A84FF découpée en paires 0A, 84 et FF, soit 10, 132 et 255 en décimal : rgb(10, 132, 255), ou hsl(210, 100%, 52%).#R0A10G84132BFF255Deux chiffres hex par canal0x84 = 8 × 16 + 4 = 132Chaque canal va de 0 à 255rgb(10, 132, 255)hsl(210, 100%, 52%)
Une couleur HEX, ce sont trois paires de chiffres hexadécimaux pour le rouge, le vert et le bleu. #0A84FF vaut rgb(10, 132, 255), et la même couleur écrite en HSL donne hsl(210, 100%, 52%).

La conversion étape par étape

  1. Prenez la valeur de chaque canal, de 0 à 255.
  2. Divisez-la par 16 : le quotient donne le premier chiffre hexadécimal, le reste le second (10 à 15 s'écrivent A à F).
  3. Complétez les chiffres isolés par un zéro initial : 10 devient 0A, et non A.
  4. Assemblez les trois paires après un #.
RGBPar canalHEX
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.