Image Color Picker
Get the hex and RGB of any pixel in an image.
Pick a colour from an image and get its HEX and RGB values, in your browser, without uploading anything. Choose a colour with the native picker, or load an image and click anywhere on it to sample that exact pixel. The value is shown in both HEX and RGB with one-click copy buttons — the quick way to match a brand colour from a logo or pull a palette out of a screenshot.
How to use Image Color Picker
- Open the tool. Pick a colour straight from the colour picker, or use the image loader below it and click a picture.
- Click anywhere on the image to sample that pixel. The swatch and the values update as you click.
- Use "Copy HEX" or "Copy RGB" to put the value on your clipboard.
Who it is for
Image Color Picker is for matching a colour you can see but cannot name: a brand colour from a logo, a shade from a screenshot, or a palette from a photograph you are using as a design reference. It is the fastest way to get from "that blue" to a hex code you can paste into a stylesheet.
How it works
- A pixel is read from the loaded image or from the native colour picker, and its value is shown as both HEX and RGB.
- Sampling reads the image's own pixel data rather than a screen colour, which is what a stylesheet actually needs.
- Both representations have a one-click copy, so the value goes straight into an editor or a design tool.
What it cannot do
- One colour per click — there is no automatic palette extraction. Sampling the few points that matter also gives you colours that are genuinely in the image rather than averages that appear nowhere in it.
- A screen with a wide colour profile can show the sampled colour a shade differently from the value you copied.
- It reads only images the browser can decode; an SVG needs converting to a bitmap first.
- The value is unaffected by any filters or CSS applied on screen, so what you copy may not match what you see if something is styling the image.
Frequently asked questions
Does it give me a palette, or one colour at a time?
One colour per click, read from a single pixel. To build a palette, sample the few points that matter and note each value — that also gives you the colours that are actually in the image rather than an averaged set that appears in none of it.
Why is the sampled colour slightly different from what I see?
Screen colour depends on the display profile, and the browser may be colour-managing the image. The value you copy is the image's own pixel data, which is the correct answer for a stylesheet even when it looks a shade different on your monitor.
What is the difference between HEX and RGB?
They are two ways of writing the same thing. HEX is a six-digit code used in CSS, like #5B4BFF; RGB gives the same colour as three numbers from 0 to 255. Copy whichever your tool expects.
Can I paste a colour in and see it?
The native picker lets you enter a value and shows it in the swatch, which is the fastest way to check what a code actually looks like.
Are my images uploaded?
No. The image is read in your browser and sampled there, so nothing is transmitted.