HEX to OKLCH Converter

Type or paste a HEX color: 3, 6 or 8 digits, with or without the #. A pasted CSS line works too.

Enter HEX Color:

OKLCH Result:

oklch(0.62796 0.25768 29.23)

HEX:#FF0000

OKLCH:oklch(0.62796 0.25768 29.23)

CSS Usage:

background-color: oklch(0.62796 0.25768 29.23);

color: oklch(0.62796 0.25768 29.23);

border: 1px solid oklch(0.62796 0.25768 29.23);

View full color page →Convert back to HEX →

Popular Examples:

How to Convert HEX to OKLCH

HEX to OKLCH converts traditional hex colors to the modern OKLCH perceptual color space used in CSS Color Level 4. OKLCH (Lightness, Chroma, Hue) produces smoother gradients and more consistent color relationships than RGB or HSL. For example, #FF0000 converts to oklch(0.62796 0.25768 29.23). OKLCH is now supported in all major browsers and is recommended for new CSS design systems.