← Library

Tool

OKLCH.fyi

Jakub Krehel

Pick a colour, convert between models, build a palette and check it against the sRGB and Display-P3 gamuts. The practical companion to Jakub's own writing on why perceptual uniformity changes how you build a set.

Color

Install on its own

Or add it to your stack above and install everything at once.

https://oklch.fyi
Source ↗Jakub Krehel ↗

Trust audit

View the source ↗
100%verified
Resolved (HTTP 200), passed
Transcribed from the author's own page, passed
Credited to Jakub Krehel, passed

All 3 checks passed when this was last run. Links were last checked on .

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

  • designparser

    A design-rules cheatsheet: colour, typography, layout, composition.

    IndependentSystemsCraft

    Rules grouped by discipline: 60-30-10, line length, the 8pt grid, optical centre. Each stated plainly and updated regularly.

    https://designparser.de

    SystemsCraftTypographyColorFull page & trust audit →

Work with us