Color wheel picker

Choose a hue on the wheel, adjust saturation and lightness, and copy the color codes.

On your device · No account

Privacy details

Color wheel picker processes your input in this browser. Inputs and results are excluded from analytics. Recent tools save tool names, visit counts and last-visit times. Saved tools store only their names. Draft saving is optional and stays on this device; delete saved text with the draft controls. Loading text from a URL is optional and contacts that server; its URL and your IP address are visible to the server. An optional “Use in” action keeps a handoff in this tab. The next tool removes it on arrival and ignores it if more than a minute has passed.

Copy link includes the inputs you choose to share in the address. Anyone with that link can reopen them. Files and generated results are excluded. Password and key tools share settings only.

#FF0000

Hue (degrees)

Color harmony

Saturation (%)

Lightness (%)

The ring shows hue at full saturation and 50% lightness. The swatches show your chosen saturation and lightness.

Your colors

Reset reloads the tool with its starting values and releases open files and device controls. Saved drafts stay on this device until you delete them.

Links include your inputs and settings. Anyone with the link can see them, so leave out private text. Files and generated results are left out; random draws run again.

Keyboard shortcuts

Updated 2026-10-04

Choose colors on the wheel

Touch the ring to choose a hue, or type its angle in Hue. Set saturation and lightness, then choose one color or a harmony. Copy the HEX codes or download them as CSS variables.

The hue ring shows full saturation at 50% lightness. The result swatches use your chosen saturation and lightness. The color code below each swatch remains readable regardless of the color.

Next: Color picker

A worked example

Hue 0, saturation 100% and lightness 50% gives #FF0000. Complementary mode adds hue 180, giving #00FFFF.

Next: Color palette generator

Before you use the result

This is an sRGB HSL wheel, not a paint mixing model. A harmony does not guarantee readable text contrast. Check the foreground and background together before using a palette for text.

Next: Color contrast checker

Tools for the same job

Color tools: pick, build a palette, check contrast

Help with the result

HEX, RGB and HSL color codes explained

Cite this page

Citation style

ToolOctopus. “Color wheel picker.” Updated 2026-10-04. https://tooloctopus.com/color-wheel-picker.

Add an access date if your instructions require one.

Citation formatting uses citeproc-js by Frank Bennett and Citation Style Language styles. Licence and source code.