Color preview will appear here

Examples

HEX to OKLCH Converter

Enter a color to see conversions

#ff0000, rgb(255,0,0), hsl(0,100%,50%), red

What is HEX?

HEX is a hexadecimal color code used in web design. It consists of a # followed by 6 characters (0-9 and A-F) representing red, green, and blue values. Example: #FF5733

What is OKLCH?

OKLCH is a perceptual color space designed for uniform color manipulation. L is lightness (0-1), C is chroma, H is hue angle. It's excellent for creating accessible color palettes. Example: oklch(0.7 0.15 50)

How to convert HEX to OKLCH?

Simply enter your color value in the input field above and the conversion will happen automatically. You can then copy the result with one click.