Tint, Shade & Tone Calculator
Compute a tint (mix with white), shade (mix with black), or tone (mix with grey) of any hex color.
How to use this tool
- Enter your base hex color.
- Choose whether to create a tint, shade, or tone.
- Set the amount (0% = original color, 100% = pure white/black/grey).
Create tints, shades, and tones from any color for building design palettes. A tint adds white, a shade adds black, a tone adds grey.
Frequently asked questions
- What is a tint?
- A tint is a color mixed with white, making it lighter.
- What is a shade?
- A shade is a color mixed with black, making it darker.
- What is a tone?
- A tone is a color mixed with grey, making it less saturated (more muted) without changing lightness dramatically.