← Library

Tool

Understanding Gradients

Jakub Krehel

A deep dive into how gradients work, how colour models affect them, and why some gradients look better than others.

Color
Source ↗Jakub Krehel ↗

Trust audit

View the source ↗
100%verified
Resolved (HTTP 200), passed
Plain markdown for agents at /md/understanding-gradients, 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

    ColorFull page & trust audit →

  • 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

    CraftColorFull page & trust audit →

  • OKLCH.fyi

    Convert, generate and explore OKLCH colour.

    IndependentColor

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

    https://oklch.fyi

    ColorFull page & trust audit →

Work with us

Design work

Studio Sphere

Product design and design engineering for teams who care how it feels.

Dev work

Board.ly

Software built end to end: systems, interfaces and the plumbing underneath.