Color Shades Generator
Generate tints and shades from a base color.
Tints (lighter)
#7375f2#8a8cf5#a1a3f7#b9baf9#d0d1fb#e8e8fdShades (darker)
#595cd9#4a4db5#3b3d91#2d2e6c#1e1f48#0f0f24Enter a base color to generate a range of lighter tints and darker shades, each with a copyable hex code.
How to use
- Pick or type a base color.
- View the generated tints and shades.
- Copy any hex code.
Frequently asked questions
- How are tints made?
- By mixing the base color toward white in steps.
- How are shades made?
- By mixing the base color toward black in steps.