Color Theory Reference Tool

The color theory reference tool puts the wheel on screen — twelve hues, pickable, with the classic relationships one glance away when you need a color wheel quick reference mid-project.

What is Color Theory Reference Tool?

Every color theory conversation eventually needs the wheel: which hues neighbour which, what sits opposite what, where the triad lands. The color theory reference tool is that wheel, interactive — twelve hues arranged in their canonical order, any one pickable as the anchor, with the classic relationships readable directly from the arrangement rather than reconstructed from memory.

• What makes it a reference rather than a lesson is the directness.
• The wheel is the theory's entire geometry in one image: analogous pairs are neighbours because that is what adjacency means; complements are opposites because that is what 180 degrees means; a triad is the triangle you can trace with your eyes.
• Choosing an anchor hue and scanning its relationships answers the mid-project questions — what opposes this brand blue, what flatters this orange — faster than any prose, and with less risk of a misremembered rule.
• The harmony generators then execute whichever relationship you identify: the wheel points, they compute.

The twelve-hue arrangement itself encodes the primaries, secondaries and tertiaries of the traditional wheel — the RYB artist's model rather than the RGB of screens, which is why red sits opposite green and blue opposite orange, the relationships illustrators and interior designers still work in. That conventionality is deliberate: a color relationships guide is only useful if it speaks the shared language, and the traditional wheel is the shared language.

A color wheel quick reference earns its keep precisely because the rules it summarises are easy to half-remember. Complementary, analogous, triadic, split complementary, tetradic: each is a fixed geometric relationship, and each answers a different question about how much contrast a design needs. Keeping the geometry on one page means a relationship can be checked in seconds rather than reconstructed from a wheel and a spreadsheet, and the check is what keeps a palette out of near-miss territory — two hues that are almost analogous, or a triangle that is slightly off, both read as mistakes rather than as choices. The reference is also the fastest way to explain a decision to somebody else. When a stakeholder asks why those three colours, showing the triangle is more persuasive than describing it, and the same diagram makes the consequence of a change visible before the change is made.

• Where the tool fits in daily work is exactly where its name puts it — the quick consultation.
• Not the place to learn color theory; the place to check a relationship before committing it.
• The interactive wheel offers a deeper dive with lightness control and selection mechanics; the learning playground wraps the theory in guided exploration; and this reference stays what it should be — a harmony cheat sheet that keeps the geometry honest when memory wavers.

The habit that makes it stick is to check the relationship at the moment the palette is chosen rather than at review, when changing a hue costs a rebuild instead of a field. Keep the reference and the harmony generators side by side: one tells you what the relationship is, the other hands you the values that satisfy it. And when a stakeholder asks why the palette looks the way it does, the diagram is the explanation.

How to use Color Theory Reference Tool

1. Pick the anchor hue on the twelve-part wheel.
2. Read its relationships from the geometry — neighbours, opposite, triangles.
3. Hand the chosen relationship to the matching harmony generator to compute values.

When to use Color Theory Reference Tool vs related tools

Use this as the mid-project wheel check — what opposes, what neighbours, what triangles. Use the interactive wheel for deeper exploration with lightness control, the harmony generators to execute a chosen relationship, and the theory guide for the full lesson. The interactive wheel offers a deeper dive with lightness control, the OKLCH playground wraps the theory in guided exploration, and the harmony generator applies the relationships to a palette.

Privacy & Security

This tool runs entirely in your browser — no data ever leaves your device. There is no server round-trip, no upload, no logging, and no account required. Your input is processed locally using client-side JavaScript and is never stored, transmitted, or accessible to anyone else. When you close the tab, everything disappears.

Frequently asked questions about Color Theory Reference Tool