How do I use the Color Scheme Generator?

Accepts #hex, rgb(), and hsl() inputs Shows 10 schemes: complementary, analogous ±30, triadic, tetradic, split-complement Hue rotation keeps saturation and lightness constant

Is the Color Scheme Generator free and private?

Yes — it runs in your browser, requires no signup for basic use, and your data never leaves your device. Color theory from Isaac Newton's 1704 'Opticks' gave us the first color wheel. The 12-segment wheel we use today was refined by Johann Wolfgang von Goethe in 1810.

DevTools Surf

Sign in

Color Scheme Generator

Complementary, analogous, triadic, tetradic & split-comp schemes from a base color

1 credit

Base color (hex/rgb/hsl)

Scheme Output

Sign in to use this tool

Related Color Tools

Color Converter Color Palette Generator Contrast Checker Gradient Generator Color Contrast Matrix Hex → Tailwind Gradient → Code Color Name Finder