SHA

Color Shades Generator

Generate darker shades from any HEX color.

HEX

Palette

—

Generate darker shades from HEX

Enter a HEX color to generate a five-step shade scale. Each step darkens the same hue in HSL so you can copy darker variants for hover states, borders, and print.

Tints (lighter) and tones (muted) are separate tools. This page only darkens the color.

All mixing runs in your browser.

color shades generator FAQ

What is a color shade?

A shade is the same hue mixed toward black. This generator lowers lightness in five steps.

Is the color shades generator free?

Yes. Shade scales are generated in your browser.

Related tools

TNT

Color Tint Generator

Generate lighter tints from any HEX color.

TON

Color Tone Generator

Generate muted tones from any HEX color.

MON

Monochromatic Palette Generator

Create a monochromatic palette from a HEX color.

HSL

HEX to HSL

Convert a HEX color code to HSL. Free in your browser.