Enter a color and get progressively darker shades by mixing in black.
Summary
Enter a color and get progressively darker shades by mixing in black.
How it works
Enter a base HEX color
Choose how many shade steps (3-10)
Copy individual shade codes or download as a list
Use cases
Create hover and pressed states for buttons
Design shadow and depth effects
Build a dark end of a color scale
Frequently Asked Questions
Mixing with black (shade) and lowering HSL lightness produce similar but not identical results. Black mixing is more straightforward and consistent across color families.
The default generates shades at 10%, 20%, 30%, 40%, and 50% black mix. You can adjust the step size in the settings.
For most hues they do, but some colors can shift in perceived hue when darkened. Blues may go slightly purple; reds may go brown. Adjust manually if needed.
Yes. RGB input is supported. The tool converts internally and outputs both HEX and RGB for each shade.
