À propos de cet outil
OKLCH décrit une couleur par sa luminosité perceptuelle (L), sa chroma (C) et sa teinte (H). Contrairement à HEX ou HSL, des pas égaux en OKLCH paraissent égaux à l'œil humain — ce qui le rend idéal pour les échelles de couleurs d'un design system.
Utilisez-le pour migrer des couleurs de marque existantes vers la syntaxe oklch(), ou pour construire des palettes à teinte cohérente.
Les navigateurs modernes prennent en charge oklch() nativement — aucun repli nécessaire pour les cibles evergreen.
Questions fréquentes
Pourquoi utiliser OKLCH plutôt que HSL ?
La luminosité de HSL n'est pas perceptuellement uniforme — un jaune à 50 % de luminosité paraît bien plus clair qu'un bleu à 50 %. OKLCH corrige cela, pour que les échelles restent cohérentes d'une teinte à l'autre.
Que signifient L, C et H ?
L est la luminosité perçue (0–100 %), C est la chroma (saturation, sans borne supérieure), H est l'angle de teinte en degrés.
La conversion est-elle exacte ?
C'est une transformation colorimétrique standard via sRGB → RGB linéaire → OKLab. Les valeurs sont arrondies pour la lisibilité ; la perte de précision est bien en deçà de tout ce qui est visible.