Color wheel
Use Crayon’s free color wheel to pick colors, generate complementary and triadic palettes, check contrast, and copy HEX, RGB, and HSL values for your designs.
About the color wheel tool
Crayon’s free color wheel helps you pick a base color and instantly see complementary, analogous, triadic, and other harmony palettes. Drag the hue ring and saturation–lightness square, or paste a HEX code to jump to any brand color.
Copy HEX, RGB, or HSL values with one click, check WCAG contrast for white and black text, and preview how your palette looks on a simple UI mockup before you design in the editor.
- Interactive hue, saturation & lightness
- 6 harmony schemes generated live
- WCAG contrast checker built in
Frequently asked questions
What is a free online color wheel used for?
Pick a base color, explore complementary and triadic harmonies, check contrast, and copy HEX, RGB, or HSL for design and web projects.