Find the exact colour in a picture
Matching a brand colour from a logo, a shade from a photo or a colour from a website screenshot is guesswork by eye. This picker reads the exact value of the pixel you click and gives it to you in the formats designers and developers use.
Colour codes explained
- HEX (#2DD4BF) — the six-digit code used in web design, Canva, Figma and most design apps.
- RGB (rgb(45, 212, 191)) — the red, green and blue amounts from 0 to 255.
- HSL (hsl(173, 66%, 50%)) — hue, saturation and lightness; handy for making lighter or darker shades of the same colour.
How to pick a colour
- Drop, choose or paste an image.
- Move over the picture — the magnifier shows the pixels under the pointer.
- Click to pick. The HEX code is copied straight away, and the colour is kept in your Picked list.
- Use the main colours found automatically to build a palette from a photo.
Frequently asked questions
How do I get the HEX code of a colour in a logo?
Drop the logo here and click on the colour. The HEX code is copied to your clipboard.
Can I pick a colour from my screen, outside the browser?
In Chrome and Edge on a computer, use “Pick from the screen” to pick from anywhere on your display.
Why is the colour slightly different from the original design?
JPG compression and screenshots can shift colours a little. Pick from the centre of a flat area, or use a PNG of the original.