Hue220°
Saturation70%
Lightness55%
#3C71DD
Complementary
#3C71DD
#DDA73C
Triadic
#3C71DD
#DD3C71
#71DD3C
Analogous
#3CC2DD
#3C71DD
#573CDD
Split-complementary
#DD573C
#3C71DD
#C2DD3C
Why Color Wheel
- Interactive HSL color wheel with 4 harmony presets.
- Adjust hue/saturation/lightness, wheel and previews update live.
- Includes complementary, triadic, analogous, split-complementary.
Common questions
Is Color Wheel free to use?
Yes. Color Wheel is completely free. There is no sign up, no trial, and no usage cap.
Do I need an account to use Color Wheel?
No. You can start using Color Wheel straight away. We do not ask for an email address or a login.
Is my data uploaded to a server when I use Color Wheel?
No. Color Wheel runs entirely inside your browser, so the colors you enter never leaves your device and nothing is sent to us.
Do you store the colors I use with Color Wheel?
No. Because everything happens locally in your browser, there is nothing for us to store. Close the tab and it is gone.
Can I copy colors as HEX, RGB, or HSL?
Yes. Color Wheel shows colors in the common formats and lets you copy the value you need with one click.
Can I use the colors from Color Wheel in my design tool?
Absolutely. Copy the value and paste it into Figma, your code, or any other app.
How do I use Color Wheel?
Enter or paste your colors and Color Wheel updates the result as you go. When it looks right, copy or download it with one click.
Does Color Wheel work on phones and tablets?
Yes. Color Wheel is responsive and works in any modern browser on mobile, tablet, and desktop.
Which browsers does Color Wheel support?
It works in current versions of Chrome, Firefox, Safari, and Edge. For the best experience, keep your browser up to date.
Is there a limit on how often I can use Color Wheel?
No. You can use Color Wheel as many times as you need, at no cost.
Can I use Color Wheel for commercial or client work?
Yes. You are free to use the output in personal, educational, and commercial projects.
Why is Color Wheel free?
The site is supported by advertising, which lets us keep every tool free and open to everyone.
What should I do if Color Wheel gives an unexpected result?
First check that your colors is formatted as expected. If something still looks wrong, use the feedback link on the page and we will take a look.