Tint and Shades Generator
Generate lighter tints and darker shades from any HEX color.
HEX input
Tints and shades
Generate lighter tints and darker shades from any HEX color.
Enter a HEX colour and get four tints (mixed 20%, 40%, 60% and 80% toward white) and four shades (20% to 80% toward black), each as a HEX code. It is a quick way to build hover, border and background variants of a brand colour.