Pick a color on the pad, dial it in with the hue, opacity, and RGB sliders — or paste a hex value — then copy it in the format your project needs. Everything runs in your browser.
262°
100%
#7c3aed
rgb(124, 58, 237) · hsl(262, 83%, 58%)
Tips
The pad and every slider are keyboard accessible: focus them with Tab and adjust with the arrow keys (hold Shift on the pad for bigger steps).
The hex field accepts 3, 6, and 8-digit values — paste #rrggbbaa to set the opacity along with the color.
Colors you settle on (or copy) are saved to the history below the sliders, and the history persists in your browser between visits.