# What Are OKLCH Colors?

Essay by Jakub Krehel (https://jakub.kr)

An explanation of the OKLCH colour model.

Topics: Color
Source: https://jakub.kr/components/oklch-colors

## For agents

Nothing to install. This is a reference: cite it, or fetch the source when
the reasoning matters.

Read it at: https://jakub.kr/components/oklch-colors

The full text is not reproduced here. It belongs to its author. What is
above is the author's own summary and the topics it covers.

Skills in this library that act on the same ground:

- better-colors (https://www.stackskills.dev/md/better-colors): Move a project to OKLCH, and answer anything about colour.

## The short version

OKLCH is perceptually uniform, which means equal numbers look equally different to the eye. Jakub builds up to that with the basics first, what a colour model is, what a gamut is, and where sRGB sits next to Display-P3. The three values are lightness, chroma and hue, and the payoff arrives when you build a set rather than pick one colour. Hold lightness and chroma steady, change only the hue, and every colour in the set carries the same weight. Doing the same thing in HSL gives you a row where some colours visibly shout louder than others.

## Verification

- Source link: Resolved (HTTP 200) (pass)
- Reading copy: Plain markdown for agents at /md/what-are-oklch-colors (pass)
- Attribution: Credited to Jakub Krehel (pass)

Full page: https://www.stackskills.dev/library/what-are-oklch-colors