Your files stay on your device

Tint and shade generator

Make even steps of lighter and darker shades from one color.
Tints rise, shades fall, base pinned mid-rampClearSteps: 9 ( 3 - 21 )

Waiting for a base color.

Waiting for a base color.

Waiting for a base color.

Steps are interpolated in OKLCH. The perceptual choice that keeps adjacent steps evenly spaced to the eye: and every export says so. The base + step count ride the URL, nothing else.

More color tools

- Color palette generator (/color/palette)
- Contrast checker (/color/contrast)
All color tools (/color)

Canonical HTML: https://nutter.tools/color/shades/
Markdown version: https://nutter.tools/color/shades/index.md
Plain-text version: https://nutter.tools/color/shades/index.txt
Agent index: https://nutter.tools/llms.txt