Compression shifts colours
A JPEG can contain slightly different values across a supposedly flat area. Sample a few points and choose the one that matches the intended colour.
Converters & calculators
Find the exact colour in the picture.
Open an image, click the pixel you want, and copy the colour code. Useful for matching a brand, a room, or a screenshot to a design.
No upload. No account. The work happens in this browser tab. No account is needed, no copy is stored on a server, and the inputs remain yours.
Add images
0 of 1 · 30.0 MB eachDrop images here, or choose files
One JPG, PNG, or WebP file, up to 30.0 MB.
Added locally. Nothing is uploaded.
Sample the image
Add an image to sample its colours.
Selected colourNo sample yet
Zoomed sample
HEX
—RGB
—HSL
—Saved swatches
Each sampled colour is kept here for this image.
Values come from the pixels in this image. JPEG compression can create slightly different colours across a flat area, so compare a few nearby samples.
The input and result stay in this browser tab. There is no upload step and no copy stored on a server. How local processing works.
The short version
How it works.
No installer, no sign-up, and no second app to open. The work happens in the browser you already have, using the file already on your device.
-
Open an image
Add a screenshot, photo, or design reference. The image is displayed at a convenient size while pixels are read from the original.
-
Click a colour
Click any point on the image. A magnified preview helps place the sample accurately.
-
Copy the code
Copy the HEX, RGB, or HSL value, and collect a few swatches if you are building a palette.
Fine print, without the runaround
Good to know.
Every tool has a boundary. These are the ones worth knowing before you start, so the result is not a surprise.
Screen colour is not print colour
HEX and RGB describe light on a screen. Printing uses ink, so a colour may need conversion to CMYK and a proof before production.
Can I pick a colour from a PDF?
Take a screenshot of the page and open the image here. The picker reads image pixels, not PDF objects.
Which format should I copy?
Use HEX for web CSS and design tools, RGB for screen specifications, and HSL when you need to adjust lightness or saturation systematically.
Is the image uploaded?
No. The image is read into a local canvas and colour values are calculated in the browser.
Next door
Related tools.
Most file jobs come in pairs. These three usually follow close behind.