HEX to OKLCH

Convert HEX color values to OKLCH instantly. Paste any HEX value into the free Color Converter and get the OKLCH equivalent (plus RGB, HSL, HSV, OKLCH and CMYK) with one click — all in your browser, nothing uploaded.

Convert any color →

Example

#10B981→oklch(70% 0.15 162)

HEX to OKLCH on common colours

The same conversion run on colours from across the wheel, black and white included — the ends of the range are where formats differ most. Click a name for that colour’s full breakdown.

Colour	HEX	OKLCH
Black	#000000	oklch(0% 0 0)
White	#FFFFFF	oklch(100% 0 90)
Slate 500	#64748B	oklch(55% 0.04 257)
Red 500	#EF4444	oklch(64% 0.21 25)
Lime 500	#84CC16	oklch(77% 0.2 131)
Green 500	#22C55E	oklch(72% 0.19 150)
Violet 500	#8B5CF6	oklch(61% 0.22 293)
Pink 500	#EC4899	oklch(66% 0.21 354)

About the formats

HEX. HEX is a 6-digit hexadecimal code (e.g. #3B82F6) — the most common way to write colors in HTML/CSS.

OKLCH. OKLCH is a modern, perceptually-uniform CSS color space (Lightness, Chroma, Hue).

Other conversions

HEX → RGB HEX → HSL HEX → HSV HEX → CMYK RGB → HEX RGB → HSL RGB → HSV RGB → CMYK RGB → OKLCH HSL → HEX HSL → RGB HSL → HSV HSL → OKLCH HSL → CMYK HSV → HEX HSV → RGB HSV → HSL HSV → CMYK HSV → OKLCH CMYK → HEX CMYK → RGB CMYK → HSL CMYK → HSV CMYK → OKLCH OKLCH → HEX OKLCH → RGB OKLCH → HSL OKLCH → HSV OKLCH → CMYK

Browse popular colors →

Try this conversion on a real color

Black White Slate 500 Gray 500 Zinc 500 Stone 500

HEX to OKLCH

HEX to OKLCH on common colours

About the formats

Other conversions

Related

Try this conversion on a real color