DevToolBox

Color Harmony Generator

Generate complementary, triadic, tetradic, analogous, and split-complementary color schemes

Generated Palette

HEX
RGB
HSL
HEX
RGB
HSL

About Color Harmonies

  • Complementary: Colors opposite on the color wheel (180°). High contrast.
  • Triadic: Three colors evenly spaced (120° apart). Vibrant and balanced.
  • Tetradic: Four colors forming a rectangle (90° apart). Rich and diverse.
  • Analogous: Adjacent colors (±30°). Harmonious and pleasing.
  • Split-Complementary: Base color + two adjacent to complement (150°, 210°). Softer than complementary.