Generate tints, shades, and color harmonies from any base color.
A shades generator derives tints (mixed toward white) and shades (mixed toward black) from a base color, usually as a stepped ramp. HexColor Pro outputs the full ramp plus harmony sets, so one token can produce hover, active, and disabled states that stay in step.
A tint mixes the base color with white, a shade mixes it with black, and a tone mixes it with grey. Tints step toward pastel, shades toward deep and dark, tones toward muted.
Ten steps is the usual default because it maps cleanly onto 50–900 token naming. Fewer than five gives too little control over hover and disabled states; more than twelve rarely earns its maintenance cost.
Not necessarily. Linear mixing in sRGB compresses perceived lightness at the dark end, so many design systems space the steps perceptually using OKLCH or HSL lightness, so that 500 and 600 look evenly separated.