Shades & Tints Generator
Generate tints (toward white) and shades (toward black) from one base color. Everything runs on your device — fast, free, and private.
The result will appear here…
or press Ctrl+Enter
Everything runs in your browser. Your data is never sent to our servers.
728 × 90Ad Space AvailablePlace your ad here
Example
Example Input
#00B8E6
Example Output
Tints: #33c6eb … · Base: #00b8e6 · Shades: #0099bf …
How to Use
- 1Enter a color or data in the Input field.
- 2Set "More settings" if needed, then click Run (or Ctrl+Enter).
- 3Copy the result — a swatch is shown next to each value.
About Shades & Tints Generator
The Shades & Tints Generator breaks one color into a series of tints (mixed toward white) and shades (mixed toward black), blended in OKLab for perceptually smooth transitions.
Useful for creating light/dark variations of a brand color for hover states, borders, and backgrounds. For variations mixed toward gray, see the Tone tool.
FAQ
Is my data sent to a server?
No. Shades & Tints Generator runs entirely in your browser — your data never leaves your device.