Un souci avec cet outil ?

À propos de « Convertisseur HEX Vers RGB En Ligne »

Cet outil convertit les codes couleur hexadécimaux (#FF5733) en notation RGB (rgb(255, 87, 51)) et inversement. Les deux formats représentent les mêmes couleurs ; selon le contexte on préfère l'un ou l'autre — hex est concis en CSS, RGB se prête mieux à un usage programmatique avec des curseurs.

Gère le hex 6 chiffres (#FF5733), la forme courte 3 chiffres (#F53 pour #FF5533) et le hex 8 chiffres avec alpha (#FF5733FF). Sorties au format rgb() et au format moderne rgb(r g b / a).

Utile pour transférer un design d'un outil à un autre (Figma montre du hex, le code attend du rgb), déboguer des différences visuelles en CSS, ou construire des outils manipulant les deux formats.

Comment utiliser cet outil

Convertir une couleur hex en RGB

  1. Saisir le code hex

    Valeur hex dans le champ « Hex (#RGB or #RRGGBB) ». Le `#` initial est optionnel et la casse est ignorée — `#FF00aa` et `ff00aa` sont équivalents.

  2. Expansion 3 chiffres

    Un hex de 3 chiffres est expansé en doublant chaque chiffre : `#abc` devient `#aabbcc` avant analyse. Toute autre longueur que 3 ou 6 chiffres hex valides est refusée avec un message clair.

  3. Exécuter

    Résultat : `r`, `g`, `b` (chacun 0–255), `rgbCss` (chaîne `rgb(r, g, b)` prête à coller) et `hex` (forme normalisée 6 chiffres en minuscules).

  4. Utiliser rgbCss directement

    rgbCss est formaté exactement comme les navigateurs l’attendent en style inline. Collez-le tel quel dans votre feuille de style, outil de design ou prop de composant.