← Library

Tool

OKLCH.fyi

Independent

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

Color

Install on its own

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

https://oklch.fyi
Source ↗Independent

Trust audit

View the source ↗
67%verified
Resolved (HTTP 200), passed
Transcribed from the author's own page, passed
Author not identified, so credit sits with the project, could not be checked

2 of 3 verified automatically. 1 could not be checked, which is missing evidence rather than a failure. 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