Color Wheel
Spin the HSV color wheel to pick a hue, then fine-tune saturation and value.
About the Color Wheel
Spin the HSV color wheel to pick a hue, then fine-tune saturation and value. Every value is computed locally with vanilla JavaScript — there is no server round-trip, no sign-up and no limit on how many times you use it.
How to use
Open the wheel
The interactive HSV wheel loads ready to use.
Choose a hue
Click anywhere on the wheel to select a hue and saturation.
Adjust brightness
Use the value slider to make the color lighter or darker.
Grab the color
The selected HEX value appears with a one-tap copy button.
Benefits
Visual selection
Pick color by eye rather than by entering numbers.
Understand relationships
Seeing hues arranged in a circle makes harmony choices obvious.
Fast exploration
Sweep around the wheel to audition many colors quickly.
Features & supported formats
Features
- Interactive HSV wheel
- Brightness/value slider
- Live HEX output
- One-tap copy
- Renders entirely on canvas
Supported formats
Frequently asked questions
What is the difference between HSV and HSL?
Both use hue, but HSV pairs it with saturation and value (brightness) while HSL uses lightness. The wheel here is HSV-based.
How do I read the wheel?
Angle around the wheel is hue, distance from the centre is saturation, and the slider controls value.
Can I find complementary colors?
Yes. Colors directly across the wheel are complementary; for automatic schemes try the palette generator.
Does it work on touch screens?
Yes. You can tap and drag on the wheel on phones and tablets.
Is the selected color saved?
The picked HEX is shown for copying; for a running list of picks use the detector on the home page.