Color Wheel
Spin the wheel and see every harmony at once.
- 100% Free
- No Sign Up
- Works in Your Browser
Color wheel
Find color harmonies on an interactive wheel
More Color Tools
View all tools- Complementary colorsFind the complementary color of any color
- Analogous colorsFind neighboring colors for calm schemes
- Triadic colorsThree colors evenly spaced around the wheel
- Split complementaryA base color plus the two neighbors of its complement
- Monochromatic colorsLighter and darker versions of one hue
- Palette generatorGenerate color palettes and lock the ones you like
- Color pickerPick a color and copy it as hex, RGB or HSL
- Contrast checkerCheck text and background contrast against WCAG
- Hex to RGBConvert hex color codes to RGB values
Every everyday color tool, right in your browser.
No software. No uploads. No signup.
Browse all 28 tools- Color tools
- 28
- Named colors
- 139
- Curated palettes
- 216
How to use the color wheel
Three steps, all in your browser.
- 1
Pick a base color
Type a code or use the picker to set the starting color.
- 2
Choose the harmony
Switch the scheme or move the base color; the palette follows.
- 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.