← Library

Essay

What Are OKLCH Colors?

Jakub Krehel

An explanation of the OKLCH colour model.

Color

The short version

OKLCH is perceptually uniform, so equal numbers look equally different to the eye. What that changes when you are building a palette rather than picking one colour.

Our summary, not the author’s text. The essay itself stays where they published it.

Read the full essay on jakub.kr
Source ↗Jakub Krehel

Goes well with

  • better-colors

    Move a project to OKLCH, and answer anything about colour.

    Jakub KrehelColor

    Convert colours, generate palettes, check contrast, clamp to a target gamut, set up fallbacks. Semantic tokens rather than a pile of hexes.

    npx skills add https://github.com/jakubkrehel/skills --skill better-colors

  • Gradient Border Plugin

    Tailwind gradient borders via mask-composite.

    Florian KiemCraftColor

    Mirrors Tailwind's gradient utilities with from / via / to colour stops, configurable widths, and an animated variant.

    https://gradient-border.floriankiem.com

  • OKLCH.fyi

    Convert, generate and explore OKLCH colour.

    IndependentColor

    Build perceptually uniform palettes. The companion to the better-colors skill.

    https://oklch.fyi

Work with us