Color Shades Generator
Tints and shades from any base color
Click any swatch to copy its HEX. Tints mix the base toward white, shades mix it toward black.
The scale is computed in your browser from the base color. Nothing is uploaded or stored.
About this tool
One brand color is never enough: buttons need hover states, text needs hierarchy, backgrounds need subtlety. This tool expands any color into a complete scale.
Ten tints and shades, mathematically even, each with click-to-copy HEX. The fastest way to build a professional palette from a single color.
How to use the color shades generator
- 1Pick or enter a base color.
- 2See the full tints-to-shades scale.
- 3Click any swatch to copy its HEX.
Frequently asked questions
Related tools
More free tools you might find useful.
Random Color Generator
Random color palettes with lockable swatches
Developer ToolsColor Converter
Convert colors between HEX, RGB, HSL, and CMYK.
Developer ToolsContrast Checker
WCAG contrast ratios for text readability
Developer ToolsRegex Tester
Test regular expressions live with highlighted matches
Developer ToolsPart of Developer Tools on JoliTools, free tools, no sign-up.