Comment convertir HEX en RGB (et inversement)
Les maquettes arrivent en hexadécimal et les feuilles de style mélangent rgb() et hsl(). Collez la couleur dont vous disposez et lisez toutes les notations à la fois : converties, arrondies et prêtes à copier.
Étape par étape
Ouvrez le convertisseur de couleurs
Lancez le convertisseur gratuit, sans rien installer.
Collez votre couleur
Saisissez un code HEX de 3, 4, 6 ou 8 chiffres, ou une valeur rgb()/rgba() ou hsl()/hsla().
Lisez tous les formats à la fois
HEX, RGB, HSL, HSV et OKLCH se mettent à jour ensemble et le canal alpha est conservé.
Ajustez si besoin
Manipulez les curseurs RGB pour retoucher la couleur et regardez les autres notations suivre.
Copiez ce qu’il faut à votre projet
Une seule valeur ou la déclaration de propriété personnalisée CSS prête pour votre fichier de jetons.
Conseils pour réussir du premier coup
Un HEX de 8 chiffres comme #14B8A680 porte la transparence dans ses deux derniers chiffres, et l’alpha survit à toutes les conversions.
HSV et OKLCH sont réservés à la sortie : pour coller une couleur, partez de HEX, rgb() ou hsl().
Copiez depuis la conversion d’origine plutôt que de reconvertir une valeur arrondie ; les allers-retours peuvent décaler un canal d’une unité.
Questions fréquentes
#RRGGBB est-il la même couleur que rgb() ?
Oui. Ce sont deux notations des mêmes canaux rouge, vert et bleu : l’hexadécimal écrit chaque canal sur deux chiffres, rgb() les liste de 0 à 255.
Que sont les codes HEX de 4 et 8 chiffres ?
Les chiffres supplémentaires codent le canal alpha : #RGBA et #RRGGBBAA sont les formes courte et complète d’une couleur avec transparence, où FF est totalement opaque.