Color Shades & Tints
Pick a color to generate a scale of lighter tints and darker shades, perfect for design systems. Click any swatch to copy its hex. Everything runs in your browser.
Lighter tints on the left, your color in the middle, darker shades on the right. Click any swatch to copy. 🔒 Runs in your browser.
🔒 Tout se passe dans ton navigateur — rien n'est envoyé ni stocké.
Questions fréquentes
- What are tints and shades?
- A tint is a color mixed with white (lighter), and a shade is mixed with black (darker). Together they form a scale around your base color.
- What are they used for?
- Design systems use tints and shades for hover states, backgrounds and borders that stay consistent with a brand color.
- Is anything uploaded?
- No. The shades are generated entirely in your browser.