UI/UX Tool

Color Theory Guide

Interactive color wheel with various color harmony schemes

Color Wheel
Color Harmony
Complementary: Colors opposite each other on the color wheel. Creates high contrast and vibrant look.
Color Schemes Explained
Complementary

Two colors opposite on the wheel. High contrast, bold and vibrant.

Analogous

Three colors next to each other. Harmonious and pleasing to the eye.

Triadic

Three colors evenly spaced. Vibrant and balanced.

Split Complementary

Base color plus two adjacent to its complement. Less tension than complementary.

Tetradic (Square)

Four colors evenly spaced. Rich and diverse palette.

Monochromatic

Variations of one color. Cohesive and elegant.