Code Flick TechnologiesToolscodeftech.com

Color Palette

Pick a base color and see complementary, analogous, triadic, tetradic, and monochromatic palettes side-by-side.

100% in your browser. Files never uploaded.
Complementary
Analogous
Triadic
Tetradic
Split-complement
Monochromatic

How to use

  1. 1
    Pick a base color
    Use the color picker, paste hex, or paste rgb()/hsl().
  2. 2
    Browse the schemes
    Six classic harmonies render simultaneously.
  3. 3
    Click any swatch
    Copies the hex; the row's "Copy hex list" copies the full set.

FAQ

How are the schemes calculated?
Hue rotations on the HSL ring — complementary is +180°, triadic is ±120°, tetradic is ±90°, split-complement is ±150°. Monochromatic varies lightness by ±15° and ±30°.

Related tools