PerfectPalette

Learn Color Theory

Master color with interactive guides.

Fundamentals

Color Wheel

A circular diagram organizing hues by their angular relationship — the visual foundation for harmony rules and palette construction.

What it means

The color wheel arranges hues in a circle so that their relationships become spatial: complementary colors sit opposite each other, analogous colors sit adjacent, and triadic colors form equilateral triangles. Different wheels exist — the traditional RYB wheel used in art education, the RGB wheel used in digital design, and perceptual wheels based on OKLCH or CIELAB.

In digital design, the most useful wheel maps hue from 0° to 360° around the circumference. Red sits at 0°, green at 120°, blue at 240°. Every harmony rule — complementary, analogous, triadic, tetradic, split-complementary — is defined by angular relationships on this wheel.

Why it matters in palette design

The color wheel is the mental model behind PerfectPalette's harmony modes. When you select "Complementary," the tool finds the hue 180° away. When you select "Triadic," it finds hues at 120° intervals. Understanding the wheel helps you predict which harmony modes will produce the relationships you want — and why some palettes feel harmonious while others drift.

Example

PerfectPalette's color wheel tool lets you click anywhere on the wheel to set a base hue, then visualizes the harmony points (complementary, analogous, triadic) as connected dots on the circle. The spatial layout makes it immediately clear why complementary colors create maximum contrast — they're as far apart as possible.

Learn more

Apply this to your palette

Open PerfectPalette and put these concepts into practice with your own colors.