Colour picker
Pick a colour from an image or the screen and copy its HEX, RGB or OKLCH. Free, with no account or uploads.
Pick a colour and copy its code
Choose from the wheel, type a code, or open a picture and click the colour you want.
The studio opens on a page of its own. Everything stays on your device.
A little help along the way
Say what you want to do (pick a color, make a palette, check that text is readable or get colors from a photo) and open the color studio on a page of its own; gradients, brand colors and many colors at once are under More options. In the studio the workflows are on the left, your work in the middle and the current color, with its picker, on the right (in Convert on a phone). Convert a color, grow a palette, check contrast or create a gradient, dragging its stops along the track. From image reads a local picture; Brand colors has sourced company swatches. The guides explain gamut, transparency and what each export keeps.
Questions people ask
- How do I get the code of a colour I can see on screen?
- Press Pick from screen in the studio and click the colour, in browsers that offer a screen picker, such as Chrome and Edge on a computer. Elsewhere, open a picture under From image and click the pixel you want.
- Which codes can I copy?
- HEX, RGB as CSS writes it and as whole numbers from 0 to 255, HSL, OKLCH, HSV and an approximate CMYK, with Display P3, Lab, LCH and XYZ one fold further down. Each has its own Copy button.
- Is my picture uploaded when I pick from it?
- No. The picture is read by your browser and made smaller on your device to find its colours; it is never sent anywhere, and it is gone when you refresh the page.
- Can it tell me the name of a colour?
- It reads the colour names CSS knows, such as teal or tomato, when you type them, but it does not name a colour you pick. It gives its codes instead.
This page is the Color utility, opened for this one job; every other tool it has is one press away. Each of its settings is explained on the Color utility's own page.