24 RGB Color Wheel
Why does the colour opposite red look wrong on a screen? Because displays do not mix like paint. SpinyWheel's 24 RGB Color Wheel spins the digital hue circle at 4.2 percent per colour, in 15 degree steps, for interface work, palettes, and anything that ends up on a display.
What makes an RGB wheel different from an artist's wheel?
Direction. Screens emit light and add it together, so mixing brightens rather than darkens, and all three channels at full strength produce white. Paint absorbs light, so mixing darkens toward mud.
That single reversal changes which colours count as foundational and which sit opposite each other:
| Pigment wheel | RGB wheel | |
|---|---|---|
| Primaries | Red, yellow, blue | Red, green, blue |
| Secondaries | Orange, green, violet | Cyan, magenta, yellow |
| Red mixed with green | A brown | Yellow |
| Opposite of red | Green | Cyan |
| All primaries mixed | Near black | White |
The fourth row is the one that catches designers. Anyone taught that red and green are opposites will reach for green as an accent and find it fights the red rather than balancing it. On a display the true opposite of red is cyan, sitting exactly 180 degrees away, and it is the pairing that actually resolves.
Red and green mixing to yellow is the second surprise, and it is not a trick of perception. Two projected lights genuinely combine that way, which is why stage lighting and screens behave in a manner paint never does. The 12 Colors Wheel covers the pigment model this one departs from.
Twenty-four hues and where they come from
Fifteen degrees apart, twenty-four times around. Digital colour tools express hue as an angle from 0 to 360, so a 24-step wheel samples that circle at even intervals and lands on values every designer has typed by hand: 0 for red, 120 for green, 240 for blue.
The resolution matters for picking. Twelve steps at 30 degrees each skip past distinctions that are obvious on a screen, particularly through the blues and cyans where small hue shifts read as large changes. Twenty-four is fine enough to separate teal from cyan while staying coarse enough that a spun result is a decision rather than a shrug.
Reading a hex code
Six characters, three pairs, one per channel: red, green, then blue. Each pair runs from 00 to FF, giving 256 levels per channel and 16,777,216 possible colours in total.
Pure red is FF0000, meaning red at maximum and the other two at zero. Cyan is 00FFFF, its exact inverse, which is the same complementary relationship the wheel shows expressed in numbers. Equal values across all three pairs always produce a grey, so 808080 is a mid grey and any code with three matching pairs has no hue at all. That last rule is the fastest way to check whether a colour is neutral without opening a picker.
Using the 24 RGB Color Wheel in design work
Interface palettes usually need one decision made and the rest derived. Spin for the accent hue, then build the neutrals and states around it rather than choosing everything independently and hoping the set coheres.
The wheel also breaks the default habit, since most interfaces drift toward blue for no reason beyond familiarity. A spun hue that feels uncomfortable is worth ten minutes before it is rejected, because unfamiliar is not the same as wrong. What a hue wheel cannot tell you is whether text will be legible on it, so check contrast separately once the colour is chosen. The color combo wheel returns pairings rather than single hues, and the how-to guide covers editing a list to a custom set.
FAQ
Cyan, sitting 180 degrees around the wheel. That differs from the pigment model taught in art classes, where red's opposite is green. The distinction is real rather than a matter of convention: on a display, red and cyan light combine to white, which is what makes them true complements in an additive system.
Because screens add light rather than subtracting it. Red and green light projected together stimulate the eye in a way that reads as yellow, and no pigment is involved to absorb anything. The same two colours as paint produce a muddy brown, since each pigment removes part of the spectrum the other reflects.
Three pairs of characters covering red, green, and blue in that order, each running 00 to FF. FF0000 is pure red, 00FF00 pure green, 0000FF pure blue. Any code with all three pairs equal is a grey with no hue, and the six-character format allows 16,777,216 distinct colours in total.
Match the wheel to the output. Anything displayed on a screen follows the additive RGB model, so use this one for interfaces, web design, and digital illustration. Anything printed, painted, or dyed follows subtractive mixing, where the traditional pigment wheel describes the behaviour more accurately.
Spin a hue, build the palette around it, and check the contrast before you commit.