How color shade generator works
A tint is a color mixed with white (lighter) and a shade is a color mixed with black (darker). This generator takes a base hex color and produces a row of tints stepping toward white and a row of shades stepping toward black, so you get a full lightness scale from a single hue.
Each step mixes the base color with white or black by an even fraction t = i/(steps+1), so the first step is a subtle shift and the last step is close to — but never quite — pure white or black. Every step keeps the original hue, only the lightness changes. Each color is reported in hex, RGB and HSL so it drops straight into any tooling.
Enter a base color, pick how many steps you want on each side, and choose tints, shades or both. Click any swatch to copy its value. This is distinct from the Color Palette Generator, which derives color harmonies (complementary, analogous, triadic) by rotating the hue rather than shifting lightness.