Convertir🔒 Fonctionne dans votre navigateur

Convertisseur de Couleurs

Convertir entre les formats HEX, RGB, HSL

H: 239°S: 84%L: 67%R: 99 G: 102 B: 241

Image eyedropper

Drop an image or click to upload

Nuances

10%

20%

30%

40%

50%

60%

70%

80%

90%

Cas d'usage

Convertir un code couleur Figma vers du hex + rgb prêt pour le CSS.
Traduire une couleur de marque print de CMYK vers RGB pour un rebranding web.
Échantillonner un pixel depuis une capture d'écran et lire toutes ses notations.
Ajuster teinte ou luminosité pour dériver un état hover d'une couleur de marque.
Convertir une valeur CSS oklch() en hex pour un outillage qui ne supporte pas encore les espaces couleur modernes.

À propos de Convertisseur de Couleurs

Color Converter transforme une couleur d'une notation commune (HEX, RGB, RGBA, HSL, HSLA, HSV, CMYK, OKLCH) vers toutes les autres, instantanément et côte à côte. Tapez un hex comme `#5b3df8` et lisez ses équivalents rgb(91, 61, 248) / hsl(248, 93%, 61%) / oklch(53% 0.27 287) en un coup d'œil. Utilisez-le pour convertir une couleur Figma vers du CSS, échantillonner un pixel de capture et obtenir son token design-system le plus proche, traduire une couleur de marque print (CMYK) vers le web, ou construire une palette en ajustant teinte/luminosité sans perdre la référence de marque.

Questions fréquentes

Comment convertir une couleur entre différents formats ?

Entrez une couleur dans n'importe quel format : code HEX (#FF5733), valeurs RGB (255, 87, 51), ou HSL (14, 100%, 60%). L'outil affiche instantanément les équivalences dans tous les formats, ainsi qu'un aperçu visuel de la couleur et ses nuances.

Mes couleurs sont-elles sauvegardées ?

Non, les conversions se font localement dans votre navigateur. Aucune donnée n'est envoyée ni stockée. Vos couleurs restent privées.

Quels formats de couleur sont pris en charge ?

L'outil prend en charge HEX (avec ou sans le #), RGB (valeurs décimales rouge, vert, bleu), HSL (teinte, saturation, luminosité) et RGBA (RGB avec canal alpha pour la transparence). Les nuances dérivées sont également affichées pour chaque couleur.

Pourquoi mon hex donne un rgb légèrement différent de celui de mon outil de design ?

Toutes les conversions ici utilisent du flottant IEEE-754 puis arrondissent une seule fois à l'affichage. Certains outils de design (vieux Sketch, certaines nuances Photoshop) arrondissent à chaque étape ce qui se cumule. Faites confiance au hex comme canon — c'est la représentation bit-exacte. Le rgb/hsl affiché ici est l'arrondi mathématiquement correct.

L'outil supporte-t-il la transparence ?

Oui — RGBA, HSLA et hex 8-digits (#5b3df8aa) préservent tous le canal alpha à travers les conversions. Les notations sans alpha (CMYK, HSV simple) l'ignorent pour cette représentation uniquement — l'alpha est restauré dès que vous revenez à une notation qui le supporte.

🔧 Outils similaires

Cas d'usage

Convertir un code couleur Figma vers du hex + rgb prêt pour le CSS.

Traduire une couleur de marque print de CMYK vers RGB pour un rebranding web.

Échantillonner un pixel depuis une capture d'écran et lire toutes ses notations.

Ajuster teinte ou luminosité pour dériver un état hover d'une couleur de marque.

Convertir une valeur CSS oklch() en hex pour un outillage qui ne supporte pas encore les espaces couleur modernes.