Skip to content
Peter Freedman.
WorkExpertiseAboutResearchDesign NomenclatureContact

Design Nomenclature / Color

OKLab

Also called Oklab

  • Color
  • Digital Model Making
  • 2D & 3D

Björn Ottosson's 2020 revision of the Lab approach, fitted to modern appearance data. It corrects CIELAB's blue-hue skew and its weak lightness prediction, so interpolation between two colors stays on a plausible hue and passes through a plausible middle instead of drifting purple or sagging grey.

A two-column comparison of a blue ramp: CIELAB bends toward purple as chroma changes, while OKLab holds the hue steady and puts the blend midpoint where the eye expects it.

Not to be confused with

  • CIELABA device-independent opponent space — L* for lightness, a* green to red, b* blue to yellow — built so equal numeric distances approximate equal perceived differences. Its polar form, LCh, restates a* and b* as chroma and hue angle. Both inherit a documented flaw: the blue region bends, so hue drifts along a ramp that should hold it.
  • OKLChOKLab in cylindrical coordinates — lightness, chroma, hue angle. The arrangement designers actually want: hold L and sweep H and the swatches share an apparent lightness; hold H and drop C and the hue survives the fade. It is the first perceptual model to reach CSS with real browser support behind it.

Treated at length in

3.0 Color and ContrastThe Universal Web — the chapter this entry summarises.

Related

  • OKLCh
  • CIELAB
  • CIE XYZ
  • Gamut
  • Value

How this term connects

CIE XYZCIELABGamutGradientOKLChValueOKLab
Related Confused with
  • CIE XYZ
  • CIELAB
  • Gamut
  • Gradient
  • OKLCh
  • Value

Referenced by

  • CIELAB
  • Gradient
  • OKLCh
Peter Freedman.

AI product developer & software architect. Intelligent software that people can understand and trust.

© 2026 Peter Freedman · Privacy

Explore

  • Work
  • Expertise
  • Research
  • Design Nomenclature
  • About
  • Contact

Elsewhere

  • peter@peterfreedman.com
  • LinkedIn ↗
  • GitHub ↗