Color Shades Generator
Generate tints and shades from one color.
Free color shades generator. Enter one color and get a row of lighter tints and darker shades, each with its HEX code you can copy. Perfect for building UI color scales. Runs in your browser.
How to use the Color Shades Generator
- 01Pick a base color with the picker or a HEX code.
- 02See a row of tints (lighter) and shades (darker).
- 03Copy any swatch's HEX code with one click.
Frequently asked questions
How are the shades calculated?
Tints are made by mixing your color toward white and shades by mixing toward black in even steps, giving a balanced light-to-dark scale.