OKLCH

OKLCH is a perceptual color space with three values: lightness, chroma, and hue. It helps produce more visually consistent palettes than HSL.

Why Teams Use It

  • More predictable lightness across different hues.
  • Better control for accessible color systems and token scales.
  • Clearer path from design intent to code values.

Put It Into Practice

Convert between OKLCH and common formats, and validate colors before adding them to your design system.