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