Your files stay on your device

Tint and Shade Generator: OKLCH Ramps

N-step tint and shade ramps interpolated in OKLCH, with perceptually even steps and exports ready to paste.
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.

Next door in Color

- 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