Generate palettes with even lightness, reach wide-gamut P3, and ship accessible design tokens — all in OKLCH. Hex, RGB and CMYK welcome too.
Same L looks equally bright across every hue — even ramps, no guesswork.
Reach Display-P3 colours hex and rgb() simply can’t describe.
APCA + WCAG contrast baked into every tool, not bolted on.
Same hue, same lightness control. Watch the marker: in OKLCH every position is a clean, evenly-spaced shade that keeps its colour. The other models bend, dull or shift — which is why building consistent palettes in HSL, RGB or hex means endless manual fiddling.
Where the rest fit in: Lab and OKLab are the cartesian forms of LCH and OKLCH; HSB/HSV and HWB are siblings of HSL; and CSS color() writes any of these — including wide-gamut display-p3 — directly.