Overview
HSL is intuitive but perceptually broken — equal lightness values can look wildly different across hues. OKLCH fixes that by working in a perceptually uniform space, which makes derived shades and accessible contrast far easier to reason about.
Highlights
- Set base tokens in OKLCH and derive shades with the relative oklch(from ...) syntax
- Get consistent perceived lightness across hues for readable text on tinted surfaces
- Stay forward-compatible with wide-gamut displays while degrading gracefully
Comments