Convertisseur RGB vers HEX

Pourquoi vous en aurez besoin

Vous travaillez en JavaScript ou en CSS et un client vous donne une couleur sous forme RGB(198, 45, 82). Vous voulez la notation HEX pour CSS ou pour la copier dans un outil de design. La conversion est directe : transformer chaque valeur décimale (0–255) en hexadécimal (00–FF). Trois conversions, un HEX de 6 caractères.

Comment ça marche en dessous

Chaque valeur RGB entre 0 et 255 devient une paire de caractères hexadécimaux. 255 en décimal vaut FF en hex, 0 vaut 00, 128 vaut 80. Vous prenez le rouge, le vert et le bleu de votre RGB, vous les traduisez en hex, vous les collez ensemble. RGB(198, 45, 82) devient #C62D52. C’est une simple translation de base numéraire.

Exemples de conversion RGB à HEX

Variantes de notation

• RGBA et HEX 8 caractères — Si votre RGB inclut une transparence (alpha), le HEX ajoute 2 caractères. rgba(198, 45, 82, 0.5) devient #C62D5280.
• Notation courte — Si tous les chiffres pairs sont dupliqués, vous pouvez raccourcir. #FF0000 devient #F00. Pas tous les hexas ne se raccourcissent.
• Contraste WCAG — Deux couleurs peuvent ne pas offrir un contraste lisible au texte. WCAG définit les seuils minimums pour l’accessibilité.
• Gamme RGB — 0–255 ou 0–100 %. Tous les deux valent. CSS accepte les deux formats.
• Espace colorimétrique — Le système qui définit la couleur. RGB est pour l’écran, CMYK pour l’impression, HSL pour les designers.

Conversion pratique pour designers et développeurs

Vous avez une capture d’écran d’une interface en RGB et vous voulez matcher la couleur en CSS. Exemple : vous avez rgb(74, 144, 226), un bleu ciel. La conversion donne #4A90E2. Vous collez ça dans votre CSS et la couleur sera pixel-parfaite dans votre navigateur, sans arrondi ni approximation.

Inversement, si vous avez un HEX d’une palette de design (#C62D52 par exemple), et qu’une API JavaScript vous demande les valeurs RGB séparées, vous convertissez d’abord en HEX si c’est plus facile. La conversion fonctionne dans les deux sens avec la même précision. Zéro perte, aucun arrondi : c’est de la mathématique pure entre deux bases numériques.

Questions de conversion RGB–HEX