Outils · Couleur · Convertisseur de couleurs
Convertisseur de couleurs
Convertissez une couleur entre HEX, RGB, HSL et OKLCH, en direct.
Ajoutez un fichier et lancez l’outil.
Votre fichier est prêt.
Essayez un autre fichier, ou réessayez.
Réglages
Ajustez les réglages ci-dessous. Le résultat se met à jour au fur et à mesure.
Fonctionne entièrement dans votre navigateur. Aucun fichier n'est envoyé.
Fonctionne entièrement dans votre navigateur. Rien n'est jamais envoyé à un serveur.
Comment ça marche
Saisissez ou choisissez une couleur dans n'importe quel format.
Consultez ses valeurs HEX, RGB, HSL et OKLCH.
Copiez la valeur dans le format dont vous avez besoin.
Questions fréquentes
HEX, RGB (et RGBA), HSL (et HSLA), et OKLCH, avec conversion entre les quatre au fil de la frappe.
Un format de couleur CSS plus récent conçu pour l'uniformité perceptuelle : un changement égal dans ses valeurs se traduit par un changement égal de luminosité, de chroma et de teinte - utile pour construire des échelles de couleurs cohérentes.
Oui : saisissez ou collez une valeur avec alpha (comme une couleur rgba() ou hsla()) et elle se répercute automatiquement dans tous les autres formats.
Non. La conversion se fait entièrement dans votre navigateur.
Guides
Un aperçu plus précis de problèmes concrets que résout cet outil.
Why a Color Rarely Survives the Trip From One Format to Another
A hex code copied from a design file doesn't stay a hex code for long. It becomes an rgba() for an overlay, an hsl() for a lightness tweak, maybe an oklch() for a newer color scale - and every hand conversion in between is a place for a digit to slip.
Lire le guideHow to Convert a Color Between HEX, RGB, HSL, and OKLCH
Paste a color into any of four fields and the other three update immediately. Here is what each field expects, what happens to alpha, and why OKLCH shows more decimal places than the rest.
Lire le guideOKLCH vs HSL: What Actually Changes When You Convert a Color Scale
HSL feels intuitive because it separates hue, saturation and lightness into three numbers you can reason about. OKLCH does the same thing, more accurately. Here is the actual difference, and when it is worth converting.
Lire le guide
Commentaires