Color Wheel

The Interactive Color Wheel Explained

A color wheel is the single most useful tool in colour theory: a circle that arranges colours by how they relate, so you can instantly see which shades work together. This interactive color wheel goes further than a printed chart — click any point to pick a colour, and it calculates every harmony for you. Whether you need the opposite of blue on the color wheel, a set of analogous shades, or a balanced triadic scheme, the answer appears as copy-ready HEX, RGB, and HSL values.

Switch between the Artist (RYB) color wheel — the traditional red-yellow-blue wheel used for painting — and the Digital (RGB) color wheel used for screens. Because the two models mix colour differently, the opposite of a colour changes: on the RYB wheel the opposite of blue is orange, while on the RGB wheel it is yellow. Pick the model that matches your project.

Primary, Secondary & Tertiary: The 12 Colors

The classic color wheel with 12 colors is built in three layers. Understanding them makes every other colour decision easier:

• 3 primary colors — on the artist primary color wheel these are red, yellow, and blue. They cannot be made by mixing other colours, and every other colour comes from them.
• 3 secondary colors — orange, green, and purple, each made by mixing two primaries (red + yellow = orange, blue + yellow = green, red + blue = purple).
• 6 tertiary colors — red-orange, yellow-orange, yellow-green, blue-green, blue-purple, and red-purple, made by mixing a primary with the secondary next to it. These give you the full color wheel with tertiary colors.

Around the wheel, these twelve colours sit at even 30° intervals — which is exactly how the tool positions the harmony markers when you pick a colour.

Color Harmonies: Complementary, Analogous & More

Colour harmonies are proven formulas for choosing colours that look good together. Pick a base colour on the wheel and try each one:

• Complementary — the colour directly opposite (180°). Maximum contrast; great for accents. The classic complementary color wheel pairs are red/green, blue/orange, and yellow/purple.
• Analogous — the two colours either side of your base (±30°). Calm and cohesive; ideal for backgrounds and nature-inspired schemes.
• Triadic — three colours evenly spaced 120° apart. Vibrant yet balanced.
• Split-complementary — your base plus the two colours either side of its complement. Strong contrast with less tension than pure complementary.
• Tetradic — four colours in two complementary pairs. Rich and varied; use one as the dominant colour.
• Monochromatic — several shades and tints of a single colour. The safest, most elegant scheme.

RYB, RGB & CMYK Color Wheels

There is more than one color wheel because colour behaves differently depending on whether it is made from pigment or light:

RYB color wheel — the traditional artist's wheel (red, yellow, blue primaries) for mixing paint, ink, and other physical pigments. This is the basic color wheel taught in art class and the right choice for painting, drawing, and crafts.

RGB color wheel — the additive model used by screens, where red, green, and blue light combine to make white. Use it for web design, UI, and anything shown on a display.

CMYK color wheel — the subtractive model used for printing, where cyan, magenta, yellow, and key (black) inks combine on paper. The CMY primaries are the secondaries of the RGB wheel. When you pick a colour here, the tool gives you HEX and RGB values you can convert to CMYK for print.

Using the Color Wheel for Clothes, Design & Emotions

The color wheel is not just for artists. Use the color wheel for clothes to build outfits that work: complementary colours make a bold statement, analogous colours give a put-together look, and a monochromatic outfit (one colour, many shades) is effortlessly elegant. Interior designers use the same rules to pair wall colours, furniture, and accents.

Colour also carries feeling, which is where the color wheel of emotions comes in: warm colours (reds, oranges, yellows) feel energetic and inviting, while cool colours (blues, greens, purples) feel calm and trustworthy. Web designers combine harmony rules with these associations to set the right mood — a wellness brand leaning cool and analogous, a sale banner leaning warm and complementary.

Who Invented the Color Wheel?

The color wheel was invented by Sir Isaac Newton in 1666. Experimenting with prisms, Newton split white light into the visible spectrum and then did something clever: he bent that straight band of colours into a circle, joining red and violet at the ends. This first color wheel showed, for the first time, how colours relate to one another in a continuous loop — the foundation of all the colour theory that followed.

Newton's wheel had seven colours, matching the notes of a musical scale. Over the following centuries, others refined it. The poet and scientist Johann Wolfgang von Goethe explored the psychological side of colour in his 1810 Theory of Colours. Johannes Itten, a teacher at the Bauhaus, developed the twelve-colour RYB wheel and the contrast theories that art students still learn today, and Albert Munsell later created a precise colour system based on hue, value, and chroma.

So while several people are credited with inventing the color wheel in its modern forms, Newton created the original in 1666. The artist's RYB wheel most of us learned in school descends from Itten and the traditional pigment theories — and it is the model behind the Artist (RYB) mode in the tool above.

How to Use the Color Wheel, Step by Step

The wheel does the colour theory for you — here is the whole workflow in five steps:

1. Pick your base colour. Click or drag anywhere on the wheel. The outer edge gives the most saturated version of a hue, and dragging toward the centre lightens it into a soft tint.
2. Choose the model. Use Artist (RYB) for painting and physical colour, or Digital (RGB) for anything shown on a screen.
3. Select a harmony. Tap Complementary for maximum contrast, Analogous for a calm scheme, Triadic for a balanced but vibrant set, or Monochromatic for shades of one colour.
4. Copy your colours. Every colour in the scheme appears as a swatch with its HEX code — click to copy, or copy the selected colour's HEX, RGB, or HSL from the panel.
5. Spin for ideas. Stuck for a starting point? Press Spin for a random colour and explore its harmonies until something clicks.

Opposite Colors on the Color Wheel

The opposite color on the color wheel is simply the colour directly across from it — its complementary colour. Because the answer depends on which wheel you use, here are the most-asked opposites on both the artist (RYB) and digital (RGB) wheels:

So the opposite of blue on the color wheel is orange for painters, the opposite of green on the color wheel is red, and the opposite of yellow is purple. On screens (RGB), blue's opposite is yellow. To find the exact opposite of any shade, pick it on the wheel above and choose Complementary — the tool marks its true opposite and gives you the HEX code.

Where Is Brown on the Color Wheel?

Brown is one of the most common colour-wheel questions, because there is no pure "brown" segment on the wheel. Brown is not a spectral hue — it is a dark, low-saturation orange (sometimes a dark red-orange or yellow-orange). Take orange, reduce its brightness and saturation, and you get brown.

That means brown on the color wheel lives in the orange-to-red-orange region, pulled toward the centre and darkened. To mix brown from paint, combine a warm colour with a little of its complement — orange plus a touch of blue, or red plus green — which mutes it into brown. And because brown is really a form of orange, the opposite of brown on the color wheel is a blue: pairing brown with navy or denim is a classic, balanced combination. Pick an orange on the wheel above and drag toward the centre for a muted tone to see brown appear in the readout.

Warm and Cool Colors on the Wheel

Splitting the color wheel down the middle gives the two temperature families. Warm colours — reds, oranges, and yellows — feel energetic, cosy, and advancing (they seem to come toward you). Cool colours — greens, blues, and purples — feel calm, fresh, and receding.

Understanding warm versus cool is the quickest way to set a mood. A palette that leans warm feels lively and inviting; a cool palette feels professional and serene. Many schemes work best with one dominant temperature and a small accent from the opposite side — a warm room with a single cool-blue accent, or a cool website with a warm orange call-to-action button. On the wheel above, the warm colours run roughly from red-purple through yellow-green, and the cool colors on the color wheel cover green through violet.

Tints, Shades, and Tones

The twelve pure hues on the wheel are only the starting point. Adjusting each hue creates three families that give a palette depth:

• Tints — a hue mixed with white, making it lighter and softer. A full set of tints is exactly what a pastel color wheel is: gentle, low-saturation versions of every colour.
• Shades — a hue mixed with black, making it darker and richer.
• Tones — a hue mixed with grey, making it muted and sophisticated.

On the interactive wheel, dragging from the edge toward the centre lightens a colour into a tint, so you can explore a color wheel with shades and tints without any mixing. Tints and tones are easier on the eye across large areas, while pure hues and shades work best for accents and text.

Using the Color Wheel for Painting

For painters, the color wheel is a mixing map. The color wheel for painting is the RYB (red-yellow-blue) model, because that is how physical pigments behave. Start with the three primaries and you can mix every other colour: red + yellow makes orange, yellow + blue makes green, and blue + red makes purple.

The color paint wheel also shows how to mute and neutralise colours. Adding a small amount of a colour's complement (its opposite) greys it down — perfect for realistic shadows and natural tones, and the reason a touch of blue turns orange into brown. Complementary colours placed side by side make each look more intense, while analogous colours create calm, harmonious passages. Switch the wheel above to Artist (RYB) mode to see the traditional painter's relationships and plan your mixes before you touch the paint.

The Color Wheel of Emotions & Color Analysis

Colours carry feeling, and the color wheel of emotions maps each hue to the moods it tends to evoke. Associations vary by culture, but these are the most common in Western design:

• Red — energy, passion, urgency, appetite.
• Orange — warmth, enthusiasm, friendliness.
• Yellow — happiness, optimism, attention.
• Green — nature, growth, calm, health.
• Blue — trust, stability, professionalism.
• Purple — luxury, creativity, spirituality.

Designers pair this color emotion wheel with the harmony rules above — a wellness brand choosing calm, analogous greens and blues, a clearance sale leaning on urgent red and energetic orange. A related idea is the color analysis wheel used in fashion: it finds the colours that flatter your skin tone, hair, and eyes. If you have warm undertones, the warm side of the wheel (peach, coral, golden yellow) tends to suit you; cool undertones are flattered by the cool side (blues, cool pinks, emerald). Find your best hue, then use the harmony tools to build outfits and palettes around it.

A Color Wheel Chart of Combinations That Work

If you just want colours that reliably look good, use this colour wheel chart of tried-and-tested combinations. Each one is built from a harmony rule, so you can recreate it in seconds by picking the base colour on the wheel above and choosing the matching harmony:

These combinations work because they follow the geometry of the wheel — opposite for contrast, neighbouring for harmony, evenly spaced for balance. Start from any colour you already have (a brand colour, a favourite garment, a room's main shade), find it on the wheel, and let the harmony you choose fill in the rest of the palette with exact HEX codes ready to copy.