Colour Studio

Hand this page any colour — picked, pasted or grabbed off your screen — and read it back as HEX, RGB and HSL. Every conversion is computed right here; nothing is sent anywhere.

Settings

Pick a colour

Or type a HEX value

Accepts #RGB or #RRGGBB, with or without the #.

Output

#2DD4BF

rgb(45, 212, 191)

hsl(172, 66%, 50%)

How it works

HEX, RGB and HSL are three ways of writing down the same colour. HEX is compact and made for stylesheets, RGB matches how screens mix light, and HSL describes a colour the way people think about it — which hue, how vivid, how bright. The conversions between them are plain arithmetic, and this page does all of it locally.

The "Pick from screen" button uses the EyeDropper API, which currently only exists in Chromium-based browsers (Chrome, Edge, Opera). On other browsers the button hides itself rather than failing.

One honest limit: a colour grabbed off your screen is only as accurate as your display. Two monitors can report slightly different values for the same pixel, so treat eyedropper readings as close rather than exact.