Color Shades Generator (Darker Variations)

Pick a base color and get 10 progressively darker shades — useful for hover states, dark-mode color tokens, depth in UI layers. Each shade has hex, RGB, HSL ready to copy.

How to use the Color Shades Generator (Darker Variations)

Pick a base color. Output shows 10 progressively darker variations, each clickable to copy.