Color Wheel - Interactive Color Picker with HEX, RGB & HSL
Click on the color wheel to pick colors and get HEX, RGB, and HSL values instantly
Color Tools
Tool
Click to pick a hue
Quick Copy
HEX#ff0000
RGBrgb(255, 0, 0)
HSLhsl(0, 100%, 50%)
How to Use
1Click anywhere on the color wheel to select a hue
2Adjust the Brightness slider to lighten or darken the color
3Adjust the Saturation slider to make the color more vivid or muted
4Copy the resulting HEX, RGB, or HSL value using the copy buttons
Frequently Asked Questions
The wheel renders a conic gradient covering all 360 degrees of hue. When you click a point on the wheel, the tool samples the pixel color at that position using the Canvas API, then computes the full HEX, RGB, and HSL representations.
The Brightness slider adjusts the lightness (L channel in HSL) from dark to light. The Saturation slider controls how vivid the color appears β 0% is fully grey, 100% is the purest version of the hue.
Yes β the HEX input field is editable. Type or paste any valid 6-digit hex code and the swatch will update immediately.