Get the exact colour from any image
Found a colour you love in a photo, logo or screenshot? This image color picker lets you hover over the image with a zoom magnifier and click to grab the exact pixel colour. You instantly get the code in seven formats — HEX, RGB, HSL, HSV, CMYK, OKLCH and the closest colour name — ready to copy into Canva, Photoshop, Figma or CSS.
How to pick a colour from an image
- Upload, paste or drag an image (or use the screen eyedropper in supported browsers).
- Move over the image — the magnifier shows individual pixels.
- Click to pick; click again to add more colours.
- Copy any code, or send the colours to the palette or contrast tools.
Automatic palette extraction
The tool also finds the main colours in the whole image and shows how much of the picture each one covers. That is a quick way to build a brand palette from a product photo, a mood board or a competitor’s logo.
Which colour code should I use?
| Code | Use it for |
|---|---|
| HEX (#1E40AF) | Websites, Canva, most design apps |
| RGB | Screens, CSS, Office apps |
| HSL | Adjusting lightness and saturation in CSS |
| CMYK | Printing (an approximation — check with your printer) |
| OKLCH | Modern CSS colours with even lightness |
Next, build a full scheme with the color palette generator and test readability with the WCAG contrast checker.
Get exact colours from any image
- Upload an image, or press Try a sample.
- Zoom in and move over the image to find the exact pixel (arrow keys move one pixel at a time).
- Click to save the colour to My Picks with its HEX, RGB and HSL values.
The tool also builds an image palette of the main colours automatically.
Pick from anywhere on screen
In Chrome and Edge, the 💧 Pick from screen button lets you pick a colour from any window — another website, a PDF or a design app.
Common uses
- Find your logo’s exact brand colours when you don’t have the design files.
- Match a website or social post to a product photo.
- Copy a colour a client likes from a screenshot.
Next steps
Send your picks to the palette generator to build a full brand palette, or to the contrast checker to make sure text on that colour is readable.
Tip: photos and JPGs have slight colour variations from compression and light. Pick from the flattest, most typical area, or zoom in and compare a few nearby pixels.