Color wheel

Select a base color either on the left hand side or by clicking on any of the circle segments. Hover over the circle segments or the center to display the colors in the table.

Define base color Any valid CSS format Color-picker Named colors

Define segments Number of segments

Base color
HSL
RGB
Hex

Last hovered segment
HSL
RGB
Hex