Skip to content

Color Wheel

Spin the wheel and see every harmony at once.

  • 100% Free
  • No Sign Up
  • Works in Your Browser

How to use the color wheel

Three steps, all in your browser.

  1. 1

    Pick a base color

    Type a code or use the picker to set the starting color.

  2. 2

    Choose the harmony

    Switch the scheme or move the base color; the palette follows.

  3. 3

    Copy the codes

    Copy any color code in one click, or share the page link.

Color Wheel: what to know

The color wheel arranges hues in a circle so you can see how they relate. Choose a base color and the wheel marks the colors that form classic harmonies with it: complementary (opposite), analogous (neighbors), triadic (three evenly spaced), split-complementary, tetradic (a rectangle) and square (four evenly spaced), plus a monochromatic set.

This is a digital wheel of screen colors. Hues are rotated in OKLCH, a perceptual color space, and each harmony color keeps the base color's lightness and chroma, so it looks as light and as strong as the base. Red sits roughly opposite cyan and blue opposite yellow; the painter's RYB wheel taught in art class puts red opposite green, so pairs here can differ from a printed color wheel chart.

Harmonies are a starting point, not a rule. Adjust the lightness and saturation of each color, give one color most of the space, and check contrast for anything with text on it.

Popular uses

  • Exploring color schemes from a single brand color
  • Teaching or learning color theory
  • Finding accent colors that work with an existing palette
  • Comparing different harmonies side by side

Tips for the best result

  • Complementary and triadic schemes are energetic; analogous and monochromatic are calmer.
  • Rotate the base hue a few degrees to explore close alternatives quickly.
  • Use the harmony as hues, then pick lighter or darker versions for real UI roles.

Read how JustYourPalette works, browse named colors and curated palettes, and see our privacy details. Colors you enter and images you open are processed in your browser and are never sent to our server.

Frequently asked questions