Tools
Image colour picker
Image colour picker (online eyedropper)
Grab the HEX, RGB or HSL code of any pixel in an image with a precision loupe.
Drop an image here
or click to choose a file, or paste one
About this tool
This online eyedropper gives you the exact colour code of any point in an image. Use it to copy the colour of a logo you only have as a JPG, to match a shade from a screenshot, to pick the colour of a garment or product in a photo, or to check the value of a particular pixel in a design someone has sent you.
Drag in the image, click to choose it or paste it with Ctrl+V. As you move the mouse over it, a loupe magnifies the surrounding pixels so you can land on the right one. Click and the colour is added to the list of sampled colours, with its code and an approximate name. Sample as many as you like, copy each value in your chosen notation, remove them one by one or clear the lot.
The image is never uploaded: it is drawn in your browser and the colour is read from there. Sampling happens in sRGB by default; if your browser supports it, the Display P3 switch adds the wide-gamut value as CSS color(display-p3 …). Images larger than 2000 pixels on a side are scaled down before display. On a phone you can tap to sample, but the loupe only appears with a mouse.
Frequently asked questions
How do I get the colour code from an image?
Load the image, move the mouse until the loupe highlights the pixel you want and click. The code appears above the list and you can copy it with one button.
Can I get the colour in RGB or HSL instead of HEX?
Yes. The value is copied in whichever colour notation you have chosen on the site (HEX, RGB, HSL, OKLCH and more), and the list also shows each sample’s HEX code.
Why does the colour not exactly match the original file?
Images with a wide-gamut colour profile are converted to sRGB for display, which can shift the shade slightly. Turn on Display P3 if your browser supports it; in heavily compressed JPGs, neighbouring pixels can also vary.
Can I pick colours from a screenshot?
Yes. Take the screenshot, paste it straight into the page with Ctrl+V (or Cmd+V) and click the colour you need.