Aller au contenu

Convertir HEX en RGB : convertisseur de codes couleur

Tapez ou collez un code hexadécimal et obtenez instantanément sa valeur RGB, prête à copier en CSS, avec HSL, CMJN, LAB et d'autres formats. Ça marche aussi dans l'autre sens.

#
#2C71DErgb(44, 113, 222)

Canaux RGB

  • Rouge2C → 44
  • Vert71 → 113
  • BleuDE → 222

Ou choisissez la couleur visuellement

Conversion de couleur

Tableau des couleurs HEX en RGB

Les couleurs les plus recherchées avec leur code hexadécimal et leur valeur RGB. Cliquez sur l'une d'elles pour la charger dans le convertisseur.

CouleurHEXRGB
#FFFFFFrgb(255, 255, 255)
#000000rgb(0, 0, 0)
#FF0000rgb(255, 0, 0)
#00FF00rgb(0, 255, 0)
#0000FFrgb(0, 0, 255)
#FFFF00rgb(255, 255, 0)
#00FFFFrgb(0, 255, 255)
#FF00FFrgb(255, 0, 255)
#FFA500rgb(255, 165, 0)
#800080rgb(128, 0, 128)
#FFC0CBrgb(255, 192, 203)
#A52A2Argb(165, 42, 42)
#808080rgb(128, 128, 128)
#C0C0C0rgb(192, 192, 192)
#000080rgb(0, 0, 128)
#808000rgb(128, 128, 0)

Comment convertir une couleur Hex en RGB

Un code Hex compte six caractères, groupés en trois paires : une pour le rouge, une pour le vert et une pour le bleu. Chaque paire est un nombre en base 16 (hexadécimal, avec les chiffres de 0 à 9 et les lettres de A à F) qui se convertit en nombre en base 10 (décimal, de 0 à 255) pour obtenir la valeur RGB.

Par exemple, la couleur E65817 se décompose ainsi :

  • E6230rouge
  • 5888vert
  • 1723bleu
rgb(230, 88, 23)

Le résultat est rgb(230, 88, 23). Plus la valeur de chaque canal est élevée, plus cette couleur est intense dans le mélange final.

  • E6 = 14 × 16 + 6 = 230
  • 58 = 5 × 16 + 8 = 88
  • 17 = 1 × 16 + 7 = 23

La formule, étape par étape

En hexadécimal, la première position de chaque paire vaut 16 fois plus que la seconde : on multiplie le premier caractère par 16 et on ajoute le second. Les lettres valent A = 10, B = 11, C = 12, D = 13, E = 14 et F = 15.

Formats HEX et RGB acceptés par CSS

Une même couleur peut s'écrire de plusieurs façons. Toutes fonctionnent dans les navigateurs actuels et le convertisseur les comprend toutes.

  • HEX à 6 chiffres

    Le format le plus courant : deux caractères par canal, dans l'ordre rouge, vert et bleu. Majuscules ou minuscules, peu importe.

  • HEX abrégé (3 chiffres)

    Si chaque paire répète son caractère, on peut l'abréger : #FF6600 s'écrit #F60.

  • HEX avec transparence (8 chiffres)

    Les deux derniers caractères sont le canal alpha : 00 est transparent et FF opaque. 80 équivaut à 50 %.

  • rgb() avec virgules

    La syntaxe classique, compatible avec tous les navigateurs. Chaque canal va de 0 à 255.

  • rgb() moderne

    La syntaxe de CSS Color 4 : valeurs séparées par des espaces et transparence facultative après la barre oblique. rgba() fonctionne toujours comme alias.

Du Hex aux palettes harmonieuses

Une fois la valeur RGB en main, vous pouvez créer des schémas complémentaires ou analogues avec la roue chromatique et affiner la teinte dans le sélecteur de couleur.

Questions fréquentes

Chaque paire de caractères du code Hex représente un canal (rouge, vert et bleu) en base 16. En convertissant chaque paire en base 10, on obtient un nombre entre 0 et 255 pour ce canal ; ensemble, ils forment la valeur RGB.

Parce qu'il faut deux caractères pour chacun des trois canaux de couleur (rouge, vert et bleu), et chaque paire en base 16 peut représenter 256 valeurs différentes, la même plage que le RGB.

Le système hexadécimal utilise les chiffres de 0 à 9 et les lettres de A à F pour représenter les valeurs de 10 à 15. C'est pourquoi un code Hex peut combiner chiffres et lettres, comme E65817.

Oui, utilisez le convertisseur RGB en Hex pour faire l'inverse : saisissez les trois valeurs RGB et obtenez le code hexadécimal correspondant.

Une forme abrégée valable quand chaque paire répète son caractère : #F60 équivaut à #FF6600 et #FFF à #FFFFFF. Le convertisseur accepte les deux.

Ajoutez deux caractères à la fin : le canal alpha. #E6581780 est le même orange à 50 % d'opacité ; 00 est totalement transparent et FF opaque.

Aujourd'hui, en pratique, aucune : en CSS moderne, rgb() accepte aussi la transparence, comme rgb(230 88 23 / 50%), et rgba() est conservé comme alias pour la compatibilité.

Outils associés