Color Wheel
Create perfect palettes with an interactive color wheel. Pick a harmony, drag the handles, preview a gradient, and copy HEX or CSS — all in your browser.
How it works
- Choose a harmony mode such as complementary or analogous.
- Drag on the wheel to change hue and saturation; use the lightness line under the wheel to brighten or darken.
- Tune value/lightness and refine the seed HEX if needed.
- Copy swatches, the HEX list, or CSS variables from the palette.
Frequently asked questions
A color wheel shows how hues relate. Harmony modes (complementary, analogous, triadic, and more) pick colors that work well together for palettes and UI themes.