A circular diagram that arranges colors by hue to illustrate the relationships between them and guide harmonious color selection.
The color wheel is a circular arrangement of hues that represents the visible spectrum of color and the relationships between those hues. Colors that are close together on the wheel are related (analogous); colors directly across the wheel are opposites (complementary). The wheel is the foundational tool of color theory and the basis for all systematic approaches to choosing harmonious color combinations.
Isaac Newton created the first color circle in 1666 when he bent the spectrum of visible light into a circle to show that its ends (red and violet) were related. Modern color wheels organize hues in a continuous gradient around the circle, with primary, secondary, and tertiary hues marking specific positions.
The color wheel gives designers a spatial model of color relationships. Rather than choosing colors by feel alone, you can use the wheel to identify combinations that are mathematically related, and relationships that are mathematically derived from the wheel (complementary, triadic, etc.) tend to produce visually cohesive results.
It also provides a shared language. Saying "this color is the complement of our primary" communicates a specific geometric relationship that anyone familiar with the wheel can understand and evaluate.
Identify your starting hue: Pick a base color and locate it on the wheel.
Choose a harmonic relationship:
Adjust within the relationship: The wheel gives you the hue. You still need to set saturation and lightness for each to create a usable palette.
Using a red base color:
The traditional RYB (red, yellow, blue) color wheel is based on pigment mixing and is used in art education. The RGB (red, green, blue) color wheel is based on light mixing and is used in digital design. In RYB, mixing red and yellow gives orange; in RGB, mixing red and green gives yellow. Most design tools today use an RGB or HSL color wheel, though OKLCH-based wheels are increasingly common for perceptual accuracy.
Not strictly. Many great palettes are built without explicitly consulting a color wheel. But the wheel helps when you need to choose accent colors or multi-hue palettes, because it shows hue relationships visually in a way that raw hex values or sliders don't.
Color wheels vary based on the underlying color model. An HSL color wheel spaces hues evenly by angle, but this doesn't match perceptual uniformity. Some hues (like yellow) appear much lighter than others (like blue) at the same saturation. An OKLCH-based color wheel adjusts for perceptual uniformity, so equal angular steps feel more equal to the human eye.