Color Picker

Choose a color and get its HEX, RGB, HSL and HSV values. Every field is editable and stays in sync.

HEX

RGB

HSL

HSV

Alpha

HOW IT WORKS

Using the color picker

Drag inside the square to set saturation and brightness, then use the sliders for hue and opacity. The square also responds to arrow keys (hold Shift for bigger steps).
Type into any field. The HEX field also accepts 3, 4, 6 and 8-digit HEX, rgb() and hsl().
Select a copy button or any color chip to copy its value.

KEEP GOING