pick colours
☞ runs entirely in your browser — nothing is uploadedDrop your image here
or click to browse — PNG, JPG, WebP or GIF
Click or drag on the image to pick a colour
OneImageTool
Free Image Tools
pick colours
Click a pixel for its HEX code, or let the tool pull the picture's main colours into a palette.
or click to browse — PNG, JPG, WebP or GIF
Click or drag on the image to pick a colour
two ways to read a colour
Pointing at a pixel and pointing at a picture are different questions. The eyedropper answers the first: click anywhere and you get that pixel's value, unrounded and unaveraged, in HEX for CSS, RGB for design tools and HSL for when you need to nudge a hue or a lightness. Drag with the button held down and the readout follows your pointer, which is easier than trying to hit a two-pixel line.
The palette answers the second. Every pixel is sorted into a handful of representative colours, and each swatch is listed with the share of the picture it covers — so the order is what the picture is actually made of, not what happens to be brightest. Those averages are close to what you see but not always present pixel-for-pixel, which is why the eyedropper is still there when you need the literal value.
three steps
PNG, JPG, WebP and GIF are read directly in your browser. A screenshot of a brand page or a photo you have not published stays on your machine.
The value appears as HEX, RGB and HSL at once. Copy takes the HEX code to your clipboard; hold the button down and drag if the spot you want is small.
Choose how many colours you want and the picture is reduced to that many, sorted by how much of it they cover. Click a swatch to copy it, or copy the whole list at once.
quick answers
Yes. The image is kept at its original resolution for picking, so what you get is the value stored in the file rather than something a preview scaled and blended. Only a picture too large for the browser's canvas limits is scaled down first.
How much of the picture that colour accounts for. Every pixel is assigned to its nearest swatch and counted, so the list is ordered by real coverage — a small bright accent will not outrank the background.
A palette colour is the representative average of a whole group of similar pixels, so it may not exist in the picture exactly. When you need the literal value of one spot, click it with the eyedropper instead.
Transparent pixels are left out of the palette. Without that, a logo on a transparent background would come back as mostly white — the colour of the canvas behind it, which is not in your image at all.
PNG, JPG, WebP and GIF, up to 25 MB. An animated GIF is read as its first frame. HEIC files from an iPhone are not supported; convert one first and then pick from the result.
Yes. Copy all puts every HEX code on your clipboard, one per line, ready to paste into a stylesheet, a design file or a message.
Picking a pixel needs a pointer, but the palette swatches are buttons: tab to one and press Enter to copy its code. So the main colours of an image are reachable without a mouse.
No. The picture is decoded and measured inside your browser, and nothing is sent anywhere. There is no server in this tool to receive an image.
Yes — free with no watermark and no sign-up.