Convertissez OKLCH en HEX, RGB, HSL — collez oklch() et obtenez tous les formats instantanément
Collez une valeur de couleur OKLCH et obtenez le code HEX équivalent, le triplet RGB et la valeur HSL instantanément. Utile lorsque vous travaillez avec des systèmes de design modernes comme Tailwind v4, shadcn/ui ou Radix Colors qui exposent les couleurs en OKLCH, et que vous devez coller le hex dans un outil plus ancien.
Besoin d'une conversion bidirectionnelle HEX ↔ RGB ↔ HSL ↔ OKLCH ?
Ouvrir le convertisseur complet →OKLCH a été introduit par Björn Ottosson en 2020 comme une amélioration de l'espace colorimétrique CIE LCH, optimisé pour sRGB. Il a été adopté dans la spécification CSS Color Level 4 et est devenu disponible nativement en CSS via la fonction oklch(). Des outils comme Tailwind CSS v4, shadcn/ui et Radix Colors utilisent désormais OKLCH comme représentation principale des couleurs.
L va de 0 (noir) à 1 (blanc). C (chroma) pour les couleurs sRGB est typiquement 0–0,37 ; des valeurs plus élevées représentent des couleurs P3 ou à gamut plus large. H est 0–360 degrés. Exemple : oklch(0.7 0.15 200).
OKLCH peut représenter des couleurs hors sRGB (P3, Rec. 2020). Lors de la conversion en HEX ou RGB (tous deux sRGB), les valeurs hors gamut sont limitées à 0–255 par canal. La couleur résultante sera l'approximation sRGB la plus proche.
Tailwind CSS v4 a repensé sa palette par défaut en utilisant OKLCH pour garantir une luminosité perceptuellement cohérente entre toutes les teintes. Chaque nuance (50–950) a la même valeur L quelle que soit la teinte, contrairement à v3 où les jaunes semblaient plus lumineux que les bleus à la même nuance numérique.
Oui, pour les couleurs sRGB. HEX → RGB → OKLCH → RGB → HEX devrait produire le même résultat dans les limites de la précision en virgule flottante.