Image Color Picker

Click anywhere on a picture to get its HEX, RGB and HSL colour codes — and its whole palette. Free, and nothing is uploaded.

Drop an image here

or select one from your computer — or paste it with Ctrl+V

Supported formats: JPG, PNG, WebP, BMP, GIF or AVIF in — PNG palette, HEX, RGB, HSL out · max 30 MB per fileOne image at a time · nothing is uploaded

How to use

  1. Add an image

    Drop it on the box above, press Select image, or paste one with Ctrl+V. It stays on your machine.

  2. Click to pick

    Click any point for its HEX, RGB and HSL codes. The magnifier shows the exact pixel.

  3. Copy or download

    Copy any code in one click, or take the image’s palette as CSS or as a PNG.

Find the exact colour in any picture

A brand colour in a logo, the blue of a product, the shade of a wall in a photo: to use it in a design, a website or a paint shop you need its code. Click the point on the image and this tool reads that pixel from the original file — not from the scaled-down picture on screen — and gives it to you as HEX (the six-character code used in web design and most apps), RGB and HSL, each one click from your clipboard. The last ten picks stay in a row underneath, so you can compare shades.

Pixel-accurate, with a magnifier

On a computer, a magnifier follows your pointer and shows the eleven-by-eleven pixels around it, with the one you will pick outlined. That matters in photographs, where neighbouring pixels are rarely identical: light, texture and JPEG compression all vary the colour a little. Keyboard users can move a crosshair one pixel at a time with the arrow keys, ten with Shift. In Chrome and Edge, Pick from screen reads a colour from anywhere on your display.

A palette of the main colours

Below the picture, the tool lists the image’s main colours, found by grouping similar pixels and averaging each group — the median-cut method behind many palette generators — with the share of the image each one covers. Choose five, eight or twelve. Copy them as CSS custom properties for a stylesheet, or download them as a PNG of labelled swatches for a mood board or a brief.

Private by design

The image is opened and read entirely in your browser, so nothing is uploaded and there is no account. Paste a screenshot with Ctrl+V, or drop in any JPG, PNG, WebP, GIF, BMP or AVIF file. For work on many images at once, see the bulk image converter and the other free image tools.

Frequently asked questions

How do I get the HEX code of a colour in an image?
Add the image, then click the spot you want. The colour of that exact pixel appears with its HEX code (like #1E6FD9), its RGB and its HSL values, each with a Copy button. On a computer a magnifier follows the pointer so you can hit a single pixel; on a phone, tap.
Is the colour read from the full-size image?
Yes. The picture on screen is scaled to fit, but every pick reads the pixel underneath from the original file at full resolution, so the code you copy is the colour actually stored in the image.
What is the palette?
The image’s main colours, found by grouping similar pixels together (the median-cut method) and averaging each group. Each colour shows the share of the image it covers. Choose 5, 8 or 12 colours, copy them as CSS variables, or download them as a PNG of labelled swatches.
Are my images uploaded?
No. The image is opened and read in your browser and never leaves your computer — the page works the same with your internet disconnected once it has loaded.
Why does a colour look slightly different from what I expected?
Photos are rarely one flat colour: neighbouring pixels in a sky or a shirt differ a little because of light, texture and JPEG compression. Use the magnifier to see the individual pixels, pick a few, and compare them in the history — or use the palette, which averages each area for you.
Can I pick a colour from outside the image?
In Chrome and Edge on a computer, yes: the Pick from screen button uses the browser’s own eyedropper to read any pixel on your screen, in this tab or any other window. Other browsers do not offer it yet, so the button only appears where it works.