Color Wheel 101: How to Use It to Pick a Color Scheme
2 min read
The color wheel is a circle that arranges hues by their relationship to one another. It is the oldest and most practical tool in color theory: once you know where a color sits on the wheel, every color that works with it is simply a matter of geometry.
How the wheel is organized
The classic 12-step wheel starts with the three primary colors — red, yellow and blue — and mixes outward:
- Primary: red, yellow, blue
- Secondary: orange, green, purple (mixes of primaries)
- Tertiary: red-orange, yellow-orange, yellow-green, blue-green, blue-purple, red-purple
Where a color sits is described by its hue angle (0°–360°), which is the first number in an HSL value. That angle is what the classic schemes below are built from.
Five schemes you can read off the wheel
- Complementary — two colors 180° apart (red and green). Maximum contrast.
- Analogous — three neighbors, e.g. yellow, yellow-orange, orange. Calm and cohesive.
- Triadic — three colors 120° apart (red, yellow, blue). Balanced and playful.
- Split-complementary — a base color plus the two colors next to its complement. Softer than complementary.
- Monochromatic — one hue at many lightness levels. Elegant and foolproof.
From theory to a working palette
Computing 120° or 180° offsets in your head is unnecessary. The color wheel tool generates complementary, analogous, triadic, split-complementary, tetradic and monochromatic harmonies for any base color instantly — each with copy-ready hex values.
Once you have a harmony you like, turn it into a full design palette with the palette generator, or pull a real-world scheme out of a photo with the image palette generator.
Practice idea: pick a color in the color library — say Gold — and check its complementary hue. Then open the color wheel and drag the base color around: the geometry stays the same, but the mood changes completely.
The color wheel is the closest thing design has to a recipe book. Learn the five schemes above and you will never stare at an empty blank canvas wondering which colors go together again.