CSS Color 4

Convertisseur HEX vers OKLCH et OKLCH vers HEX

Convertissez HEX, RGB et OKLCH, copiez le code CSS Color 4 et detectez les couleurs hors gamut sRGB.

Chargement du convertisseur...

Pourquoi convertir une couleur en OKLCH ?

Contrairement a RGB et HEX, OKLCH repose sur la perception de la luminosite. Des variations regulieres de luminosite ou de chroma produisent des etapes visuelles plus coherentes pour les design tokens, les themes et les palettes accessibles.

color: oklch(58.5% 0.210 277.1);
background: #6366F1; /* sRGB fallback */

Comprendre L, C et H

L
Luminosite de 0 % (noir) a 100 % (blanc).
C
Chroma, ou intensite de la couleur. Une valeur elevee est plus vive.
H
Angle de teinte de 0 a 360 degres.

FAQ du convertisseur OKLCH

Qu est-ce que OKLCH ?

OKLCH est un espace couleur perceptuel utilisable en CSS. L controle la luminosite, C la chroma et H la teinte.

Peut-on utiliser OKLCH directement en CSS ?

Les navigateurs modernes prennent en charge la fonction oklch(). Une valeur HEX de repli reste utile pour les outils limites au gamut sRGB.

Pourquoi une couleur OKLCH peut-elle sortir de sRGB ?

OKLCH peut decrire des couleurs plus vives que le gamut sRGB. Le convertisseur le signale et fournit alors une valeur HEX ecretee.