» Convertisseur de couleurs


Convertisseur de couleurs pour HEX, RGB, RGBA, HSL, HSLA, HSV/HSB, CMYK, LAB, LCH, OKLAB, OKLCH, XYZ et noms de couleurs CSS. Convertissez les codes couleur en direct, copiez des valeurs prêtes à l’emploi et vérifiez le résultat CSS exact au même endroit.

Utilisez ce convertisseur de couleurs pour passer instantanément entre HEX, RGB, RGBA, HSL, HSV/HSB, CMYK, LAB, LCH, OKLAB, OKLCH, XYZ et les noms de couleurs CSS. Saisissez n’importe quel format pris en charge, ajustez les valeurs avec les curseurs et copiez le résultat converti dont vous avez besoin pour le CSS, les design systems, les workflows d’impression ou l’analyse des couleurs.

Le convertisseur met à jour tous les résultats en direct, affiche clairement la couleur sélectionnée et prend en charge les conversions inverses depuis chaque mode d’entrée. Il est donc utile pour des tâches comme HEX en RGB, RGB en HEX, la vérification de valeurs HSL ou CMYK, ou la comparaison de formats perceptuels modernes comme OKLCH et OKLAB.

Données d’entrée

Choisissez n’importe quel format, saisissez des valeurs et tous les codes couleur correspondants se mettent à jour instantanément.

Format d’entrée
Choisissez le format que vous souhaitez modifier directement.
Prend en charge #RGB, #RGBA, #RRGGBB et #RRGGBBAA.
Exemples : tomato, rebeccapurple, royalblue, lightseagreen.
Saisissez les valeurs rouge, verte et bleue entre 0 et 255.
Utilisez une valeur alpha de 0 à 1 pour la transparence.
Ajustez la teinte, la saturation et la luminosité pour une édition adaptée au CSS.
HSLA ajoute la transparence alpha à HSL.
HSV est utile si vous préférez raisonner en teinte, saturation et luminosité.
CMYK est principalement utilisé pour les valeurs de couleur destinées à l’impression.
LAB est perceptuel et peut produire des couleurs hors de la gamme affichable à l’écran.
LCH sépare la luminosité, le chroma et la teinte pour une édition perceptuelle.
OKLAB est un espace colorimétrique perceptuel moderne pour les interfaces et les palettes.
OKLCH facilite les ajustements perceptuels de teinte et de chroma.
XYZ est un espace colorimétrique de référence souvent utilisé pour les conversions.

Fig. 1 Convertisseur de couleurs

HEX #3366CC
RGB rgb(51, 102, 204)
CMYK cmyk(75%, 50%, 0%, 20%)
Le mode couleur vous permet d’ajuster la teinte, la saturation et la luminosité.

Résultat

Valeurs de couleur converties

Formats les plus utilisés

Autres formats

FAQ du convertisseur de couleurs

Qu’est-ce qu’un convertisseur de couleurs ?
Un convertisseur de couleurs prend un format de couleur, comme #3366cc ou rgb(51, 102, 204), et calcule les valeurs correspondantes dans d’autres formats comme HSL, CMYK, LAB ou OKLCH.

Comment convertir du HEX en RGB ?
Choisissez le mode d’entrée HEX, saisissez un code hexadécimal valide comme #ff6600, et le convertisseur affichera automatiquement les valeurs correspondantes en RGB, HSL, CMYK et autres formats.

Comment convertir du RGB en HEX ?
Choisissez le mode RGB, saisissez les valeurs des canaux rouge, vert et bleu, puis copiez le résultat HEX généré. C’est le flux standard RGB vers HEX pour les couleurs web.

Qu’est-ce que HSL ?
HSL signifie teinte, saturation et luminosité. Il décrit une couleur par son angle sur la roue chromatique ainsi que par son intensité et sa clarté ou son obscurité, ce qui est souvent plus simple à ajuster visuellement que des valeurs RGB brutes.

À quoi sert le CMYK ?
CMYK est principalement utilisé dans les workflows d’impression, car il exprime une couleur comme une couverture d’encre cyan, magenta, jaune et noir. Il est utile pour préparer des créations destinées à l’impression, à l’emballage ou à la production éditoriale.

Qu’est-ce que OKLCH ?
OKLCH est un format de couleur perceptuel dérivé de OKLAB. Il sépare la luminosité, le chroma et la teinte d’une manière souvent plus uniforme pour la vision humaine, ce qui le rend utile pour les palettes d’interface modernes et les design systems.

Les conversions sont-elles exactes ?
Les conversions au sein d’un même espace colorimétrique peuvent être exactes ou très proches, mais certains formats utilisent des modèles ou des espaces de référence différents. Des valeurs comme CMYK, LAB, LCH et OKLCH peuvent impliquer des arrondis ou un écrêtage de gamut lorsqu’elles sont reconverties en sRGB affichable.

Puis-je utiliser les résultats en CSS ?
Oui. Les sorties générées en HEX, RGB, RGBA, HSL, HSLA et les noms de couleurs CSS exacts sont prêtes à être collées dans des variables CSS, des styles inline et des design tokens.

Autres convertisseurs

Voir aussi :