Skip to content
UX Atlas
Plate TERM·065 · TermGrid C6 · Rev. 2026-08-14

OKLCH

A way of writing colours where equal numbers look equally different.

TermCraft conventionFoundational

Definition

A perceptually uniform colour space expressing colour as lightness, chroma and hue, available in CSS.

Craft convention. True because the industry converged on it. Breaking it costs familiarity, not correctness.

On this plate
  1. 1Definition
  2. 2Local chart
  3. 3Continue from here

In plain language

A way of writing colours where equal numbers look equally different.

Example

Stepping lightness in OKLCH produces an evenly spaced ramp; the same operation in HSL does not.

Local chart

TERM·065 · Region X · Grid C6

This entry and the entries it is stated to connect with. Each line is labelled with what the connection means.

Each link says what the connection is, so you can tell a principle from an alternative from a thing people mix this up with.

Deeper reading

The full entry behind this definition.

Nearby in the Atlas

Adjacent territory, found through shared tags rather than a stated link.