Color Shade / Tint Generator

Pick a base color and choose how many steps — hue and saturation stay fixed while lightness sweeps from 5% to 95%.

How it works

Your base color is converted to HSL. Hue and saturation are held fixed, and lightness is spread evenly from 5% (near-black) to 95% (near-white) across the chosen number of steps, then each value is converted back to hex — giving a ramp of shades and tints that all clearly belong to the same color.