Convertisseur HEX vers RGB

Transformez un code HEX en ses valeurs RGB rouge, vert et bleu.

Un code HEX comme #3A7F5E est une notation compacte pour une couleur d’écran. Chaque paire de chiffres représente une valeur de 0 à 255 pour le rouge, le vert et le bleu. Convertir HEX en RGB est utile quand un système exige la forme RGB au lieu de la notation hexadécimale.

Comment la conversion fonctionne

Un code HEX a 6 caractères hexadécimaux. Les caractères 1–2 sont le rouge, 3–4 le vert, 5–6 le bleu. Chaque paire vaut de 00 (0 en décimal) à FF (255 en décimal). On convertit simplement en base 10. Par exemple, A est 10, F est 15, donc CF en hex vaut 12 × 16 + 15 = 207 en décimal.

Le résultat est trois nombres entre 0 et 255, ou sous forme de pourcentage entre 0 et 100 %. CSS accepte les deux formats. Le convertisseur vous donne les deux.

Conversions de référence

HEXRGBUsage
#FFFFFFrgb(255, 255, 255)Blanc
#000000rgb(0, 0, 0)Noir
#FF0000rgb(255, 0, 0)Rouge pur
#00FF00rgb(0, 255, 0)Vert pur
#0000FFrgb(0, 0, 255)Bleu pur

Ce qu’il faut savoir

  • #F0A en notation courte se développe en #FF00AA
  • Chaque paire de chiffres HEX représente exactement une valeur 0–255
  • CSS accepte rgb(r, g, b) et rgb(r%, g%, b%)
  • Un HEX à 8 caractères inclut la transparence (alpha)
  • La conversion est mathématiquement exacte, zéro arrondi

Vocabulaire RGB et couleur

  • Hexadécimal avec alpha — Un HEX à 8 caractères pour inclure la transparence. #3A7F5E80 a une opacité de 50 %.
  • Notation courte — HEX à trois chiffres (#ABC) au lieu de six. Chaque chiffre se duplique automatiquement.
  • Canal alpha — La transparence d’une couleur, séparée de sa teinte. Un alpha de 0 est invisible, 255 est opaque.
  • Espace colorimétrique — Le système utilisé pour définir une couleur (RGB, HSL, CMYK, etc.).
  • Valeur décimale — Un nombre base 10, de 0 à 255 pour une valeur RGB, contrairement à l’hexadécimal base 16.

Questions de conversion HEX–RGB

Peux-je convertir aussi la transparence (alpha) ?

Oui. Un HEX à 8 caractères comme #3A7F5E80 inclut l’alpha. Le convertisseur donne rgba(58, 127, 94, 0.5) ou le format qui vous convient.

CSS accepte-t-il les deux formats HEX et RGB ?

Oui, CSS 3 accepte les deux. Rgb(255, 0, 0) et #FF0000 font pareil. Certains anciens navigateurs ne supportaient que HEX, mais c’est rare aujourd’hui.

Que faire si j’ai un HEX à trois caractères ?

Le convertisseur le duplique en six. #F0A devient #FF00AA. C’est la règle standard de raccourci HEX.

RGB(255, 255, 255) et rgb(100%, 100%, 100%) sont-ils la même couleur ?

Oui. CSS accepte 0–255 ou 0–100 %. Le convertisseur accepte les deux et bascule entre eux.

Un HEX commence-t-il toujours par # ?

La plupart du temps en CSS. Certains systèmes le demandent sans le #. Le convertisseur le gère de toute façon.

Cookie
Nous nous soucions de vos données et aimerions utiliser des cookies pour améliorer votre expérience.