top of page

Color Harmony

Explore how colors work together, from complementary and triadic schemes to the differences between the RYB and RGB color wheels. Move colors around the wheel and experience the combinations.

Colors are made by combining red, green, and blue light. Mixing all three produces white — an additive color system used in screens, displays, and all digital media.

Digital Color Wheel

ADDITIVE COLOR  —  Red, Green & Blue Light

Red, yellow, and blue are the painter's primaries. Mix two and you get the secondaries: orange, green, and violet. Mix a primary with the secondary next to it and you get the six tertiaries, like red-orange and blue-green. Paint is subtractive, so mixing all three primaries makes a muddy near-black.

The Painter's Wheel

SUBTRACTIVE COLOR —   Red Yellow Blue

Explore how colors work together. Select a harmony type and drag the dots around the wheel. Move toward the center for tints (toward white) or toward the edge for shades (toward black).

 

Try the Challenge to test your eye.

Color Harmony Builder + Challenge

The color theorists Itten and Goethe proposed that every color carries a different luminance weight — brighter colors need less area, darker colors need more, to achieve visual balance.

Contrast of Extension

You've learned what makes colors harmonious — now flip it. Discordant pairs resist that balance on purpose: they clash, create tension, and demand attention. Artists use them deliberately for energy, emotional friction, or a modern "off" aesthetic.

 

Drag the white dot to feel it happen.

Harmonious vs. Discordant

bottom of page