Colour Picker and HEX / RGB / HSL Converter

Grab a colour, then read it as HEX, RGB or HSL — whichever your CSS or design tool wants next. The preview updates as you drag.

How to use

1. Drag the colour picker or type a HEX value.
2. Read the equivalent RGB and HSL strings — ready to paste into CSS.
3. Use the swatch below as a real preview for readable copy or an accent.

Frequently asked questions

Does this support alpha?

The picker itself is opaque, but you can copy the HEX and append alpha bytes (e.g. #0f172a80) manually.

Which colour space is HSL?

Standard sRGB HSL — the same one CSS uses. Values are rounded to whole percentages.

Is there any tracking?

None. Picking a colour makes no network requests.