Shades generator
Create lighter tints, darker shades and muted tones of any color for hover states, backgrounds and borders.
How to use this tool, with screenshots →Tints (mixed with white)
Shades (mixed with black)
Tones (mixed with gray)
Frequently asked questions
What is the difference between a tint, a shade and a tone?
A tint mixes a color with white, a shade mixes it with black and a tone mixes it with gray.