Art tools
Color wheel
Drag the base hue and watch the harmony relationships update live. Everything runs in your browser.
How it works
An interactive color wheel for exploring how hues relate. Drag the base marker around the ring and the tool shows the matching harmony points live - complementary opposite, analogous neighbors, triadic and tetradic sets - so you can see, not just calculate, why certain colors feel balanced together. Saturation and lightness sliders let you tune the whole set at once.
It pairs naturally with the palette generator: use the wheel to understand and choose relationships by eye, then read off the HEX and HSL values for each point. The wheel is drawn on a canvas and all the geometry is computed in your browser, so nothing leaves your machine.
Example. Drag the marker to a warm orange and switch to the triadic view: two more markers snap to 120 degrees away, landing on a green and a violet, and the swatches below give you the three HEX codes to use.
FAQ
What is a color wheel used for?
It arranges hues in a circle so relationships are visual: opposite colors are complementary, adjacent ones are analogous, and evenly spaced ones form triadic or tetradic schemes. It helps you choose colors that work together by eye.
How is this different from the palette generator?
The palette generator takes one color and lists the resulting harmonies. The wheel is interactive: you drag the base hue and watch every harmony move with it, which is better for exploring and understanding the relationships.
Can I get the exact color values?
Yes. Each marker on the wheel has a swatch with its HEX and HSL values that you can copy, and the saturation and lightness sliders adjust them across the whole harmony.
Does it run offline?
Yes. The wheel and all the color math run in your browser with no server calls, so it works offline and nothing is uploaded.