Image Color Picker

Click anywhere on the image to pick a color. Hover to see magnifier.

Upload an image to start picking colors

About this tool

Pick any colour from an uploaded image - click anywhere on the photo and instantly get the HEX, RGB, and HSL values of that exact pixel. Shows a magnified loupe for precision selection and a history of recently sampled colours. Perfect for designers extracting brand colours from logos, UI references, and photography.

How to Pick a Colour from an Image

1Upload an image by dropping it or clicking the upload area.
2Click anywhere on the image to sample the colour at that point.
3Read the HEX, RGB, and HSL values in the colour panel.
4Enable the loupe for a magnified view of the sampling area.
5Click any previously sampled colour in the history to copy it again.

Frequently Asked Questions

How precise is the colour picking?+

The tool picks the exact pixel colour under your cursor. Enable the loupe (magnifier) to zoom in and click with precision on small details.

Can I pick colours from a website screenshot?+

Yes. Take a screenshot, upload it, and click any colour you want to sample. For live website colour picking, use browser DevTools (click the colour swatch in the Styles panel).

What colour formats are shown?+

HEX (#ff6a1a), RGB (255, 106, 26), HSL (24°, 100%, 55%), and HSB/HSV are all shown for every picked colour.

How do I copy a colour value?+

Click the HEX, RGB, or HSL value in the panel to copy it to your clipboard. Or click any colour in the history panel to copy it again.

Looking for a deeper guide on this topic? Browse the Searchlight blog.

Visit the blog →

Related tools

View all Image Tools →