Color Wheel – Free Color Scheme Picker Online
Use this color wheel to find colors that look good together. Click anywhere on the wheel to choose a base hue, adjust saturation and lightness, and pick a scheme such as complementary, analogous, triadic, split-complementary, tetradic or monochromatic. The matching colors appear instantly with their HEX, RGB and HSL values, and you can copy any code with one click. It is useful for design, painting, slides, websites and decorating, and it works fully in your browser.
Color Wheel
Pick a base color and get matching schemes: complementary, analogous, triadic and more.
How to use the Color Wheel
- Click or drag on the color wheel to pick a base hue, or type a HEX code.
- Adjust saturation and lightness with the sliders.
- Choose a scheme such as complementary, analogous or triadic.
- Click a swatch to copy its HEX code, or copy all codes at once.
Features
- Interactive color wheel with drag and click
- Six color schemes including monochromatic
- HEX, RGB and HSL for every color
- Type your own HEX code as a starting point
- One-click copy of any color or the whole palette
- Private: runs in your browser
Frequently asked questions
What is a complementary color?
A complementary color sits directly opposite on the wheel, 180 degrees away. The pair gives strong contrast, such as blue and orange.
What are analogous colors?
Analogous colors are next to each other on the wheel, such as blue, blue-green and green. They look calm and harmonious together.
What is a triadic color scheme?
A triadic scheme uses three colors spaced evenly around the wheel, 120 degrees apart. It is lively and balanced.
How do I use these colors on a website?
Copy the HEX code and paste it into your CSS, design tool or document. Check text contrast before using a pair for reading.
Can I start from my own color?
Yes. Type a HEX code like #1E90FF into the base color box and the wheel and schemes update to match it.