OCXLY
Images & Visual Media · Free Tool

Tints & Shades

Generate a full ramp of tints, shades and tones from any base colour — click any swatch to copy its HEX. All in your browser.

Pick
Tints (toward white)
Shades (toward black)
Tones (toward grey)

How it works

Starting from your base colour, tints mix progressively toward white, shades toward black, and tones toward mid-grey — the three classic ways to build a colour scale. Each ramp is 10 evenly-spaced steps; click any swatch to copy its hex. It’s all computed locally in your browser.