Outil

Convertisseur HEX/RGB/HSL

Convertissez instantanément vos couleurs entre HEX, RGB, HSL, CMYK et CSS. Formats CSS rgb() et hsl() inclus.

#E63946
#FF7043
#F9C74F
#22C55E
#06B6D4
#3B82F6
#8B5CF6
#EC4899
#FFFFFF
#1C1B18
#3B82F6
Bleu électrique
Ou choisissez avec la pipette Voir la fiche couleur →
Couleurs nommées proches

Les formats couleurs expliqués

HEX est le format standard du web : 6 caractères hexadécimaux représentant R, G, B de 00 à FF. RGB décompose la couleur en intensités de rouge, vert et bleu (0–255). HSL exprime la couleur par sa teinte (0–360°), sa saturation et sa luminosité — plus intuitif pour les designers. CMYK est le format d'impression. Connaître tous ces formats est essentiel pour travailler entre Figma, Photoshop, CSS et les imprimeurs sans perte de fidélité colorimétrique.

Conversion précise et instantanée

Ce convertisseur calcule en temps réel toutes les équivalences colorimétriques d'une valeur HEX. Entrez un code HEX 6 caractères, utilisez la pipette native du navigateur ou cliquez l'une des couleurs suggérées. Chaque format dispose d'un bouton de copie individuel pour coller directement dans votre code CSS (`color: hsl(217, 91%, 60%)`), votre fichier SCSS ou votre outil de design. La couleur nommée la plus proche vous aide à identifier la teinte en langage naturel.

Comment utiliser le convertisseur

1
Saisir un HEX
Cliquez une puce de couleur, utilisez la pipette ou tapez directement un code HEX 6 caractères.
2
Lire les valeurs
Tous les formats (HEX, RGB, HSL, CMYK, CSS) sont calculés et affichés instantanément.
3
Copier
Cliquez le bouton ⊕ à côté de chaque valeur pour la copier dans le presse-papiers.
4
Voir la fiche
Cliquez "Voir la fiche couleur" pour accéder à toutes les informations sur cette teinte.