Home
Bookmarks
Leagues
LEARN
Courses
Career Paths
Assessments
Tutorials
Arcade
Glossary
GROW
Certifications
Log in
Glossary
Log inSign up
Courses/UX Design Foundations/Color Properties/
Exercise #3

Perceptual Uniformity and the OKLCH Color Space

A major historical flaw of the sRGB and HSL color models is that they are not perceptually uniform.

In HSL, pure blue at 50% lightness appears dramatically darker to human eyes than pure yellow at 50% lightness because human biology is far more sensitive to green and yellow wavelengths.

The OKLCH Advantage

The modern OKLCH color model maps color according to human visual perception:

  • L (Lightness): Predicts perceived brightness accurately across all hues.
  • C (Chroma): Purity of color.
  • H (Hue): Color angle.

In OKLCH, a Lightness value of 0.70 delivers identical perceived contrast regardless of whether the hue is yellow, blue, or violet, making it the premier choice for algorithmic light/dark theme generators.

Topics

Deconstructing Color: Hue, Saturation, and Brightness (HSB)
Tints, Shades, and Tones: Generating Semantic UI Scales
Perceptual Uniformity and the OKLCH Color Space
Functional Color Token Architecture: Primitive vs. Semantic
Dark Mode Ergonomics: Beyond Simple Color Inversion
Color Blindness (CVD) and Multi-Signal Accessibility
design
UX Design

From lesson

6

Color Properties

Level 2 · Elements of Design I

Top contributors

Community contribution details will appear here once real learner activity is available.

Share