OKLCH Color Converter

Convert HEX, RGB, and HSL colors to precise OKLab and OKLCH values instantly. Get L, a, b, L, C, and H values along with CSS-ready OKLab and OKLCH color codes. Fast, accurate, and completely client-side.

Color converter

Turn any color into OKLab and OKLCH

Type a HEX, RGB or HSL value — or pick a color — and get perceptually uniform coordinates instantly, entirely in your browser.

#
Try #3B82F6
Current color #3B82F6
Valid

OKLab

Cartesian · perceptual
L —
a —
b —
—

OKLCH

Polar · perceptual
L —
C —
H —
—
Client-side · high precision
Copied
Scroll to Top