Color Shades Generator
Enter a base color and get a clean ramp of tints (toward white) and shades (toward black). Click any swatch to copy its HEX.
Tints (lighter)
Shades (darker)
Frequently asked questions
What are tints and shades?
Tints are your color mixed with white (lighter), shades are mixed with black (darker). They give you a cohesive ramp from a single base.
How are the steps calculated?
Each step linearly interpolates the base RGB toward white or black in equal increments, which is the standard way to build a tonal scale.
Can I copy a single color?
Yes — click any swatch in the ramp to copy its HEX.