Color Shades & Tints Generator

Type any hex colour and see 11 tints (toward white), 11 shades (toward black), 11 tones (toward gray), plus complementary, analogous, triadic, and split-complementary harmonies. Click any swatch to copy its hex. Pure client-side, no upload.

Tints — toward white

Shades — toward black

Tones — toward gray

Harmonies

Same lightness and saturation as the base; only the hue rotates.

Complementary +180°
Analogous ±30°
Triadic +120°/+240°
Split-complementary +150°/+210°

Export

Use any palette as CSS custom properties, SCSS variables, or JSON tokens.