Color Harmony Generator | Triadic & Tetradic Palettes

Base Color

Select Base Color

HEX

Red

Green

Blue

Color Harmony

Triadic (3 colors) Default

Tetradic (4 colors)

Triadic Settings

Angle: 120° Adjust the angle between triadic colors

Color Variations

Generate light variants

Generate dark variants

Output Options

Display Format

Triadic Color Palette

CSS Gradient Generator

Gradient Type

Direction

Colors to Include

CSS Code

Other Color Harmonies

Complementary

Analogous

Split Complementary

Monochromatic

Color Theory Tips