Shade Generator

Generate color shades

Number of Shades9

From lightest to darkest variations of your base color

:root {

}

colors: {

}

Click any color to generate its shades

Blue

#3b82f6

Red

#ef4444

Green

#22c55e

Purple

#a855f7

Orange

#f97316

Pink

#ec4899

Teal

#14b8a6

Yellow

#eab308

Related Tools

Other tools in this category

Pick and convert colors between formats

Generate CSS gradients

Generate random colors

Generate color tints

Please wait while we prepare your tools.