Generate 10 shades from lightest to darkest
Click any shade to copy its HEX value
π More Color Tools
The shades generator creates 10 color variations ranging from the lightest tint to the darkest shade of your chosen color. This gives you a complete tonal range perfect for design systems, UI theming, and creating depth in your color palette.
A tint is created by adding white to a color, making it lighter. A shade is created by adding black, making it darker. The generator shows both tints (lighter variations) and shades (darker variations) of your base color in a single gradient scale.
Yes, each generated shade includes a copyable HEX code. Click any swatch to instantly copy the value. The 10-step scale aligns with common design system conventions (like Tailwind CSS color scales), making it easy to integrate into your project.
Supports HEX, RGB, HSL, HSV, CMYK and more color formats with instant conversion.
Yes, upload an image and click any pixel to extract its exact color value.
Yes, completely free with no ads on core features.