Image Colour Picker
Pick any colour out of an image, and pull its palette — HEX, RGB and HSL.
About the Image Colour Picker
Clicking samples a small square and averages it rather than reading the single pixel underneath. That is deliberate: photographs are noisy at pixel level and JPEG compression adds more, so reading one pixel from a wall that is plainly beige can return something visibly wrong. Averaging a few pixels is what the eyedropper in a design application does, for the same reason.
The palette is extracted by grouping similar shades into buckets and ranking them, with near-black, near-white and washed-out pixels set aside first. Without that step almost every photograph returns black, dark grey and white — technically the most common colours in the image, and completely useless as a palette. What comes back instead are the colours you would actually name if asked.
Each swatch is the average of its bucket rather than the bucket's centre, so the value is close to a colour genuinely present in the image rather than a mathematical midpoint that appears nowhere in it.
Everything happens in your browser. The image is decoded locally and its pixels never leave your machine, which matters for the commonest use of a tool like this: pulling brand colours out of a design that has not been published yet.
How it works
Drop in an image — a screenshot, a photo, a logo.
Click anywhere to sample that colour as HEX, RGB and HSL.
Or take one from the palette, which is extracted automatically.
Frequently asked questions
- How do I get the hex code of a colour in an image?
- Drop the image in and click the colour. The HEX, RGB and HSL values appear together, each with a copy button.
- Why does the picked colour differ slightly from what I expected?
- A small area is averaged rather than a single pixel read. Photographs and JPEGs are noisy at pixel level, so one pixel is often not representative — averaging gives the colour you can actually see, which is what you want.
- How is the palette chosen?
- Similar shades are grouped into buckets and ranked by how much of the image they cover, with near-black, near-white and near-grey excluded. Without that exclusion nearly every photo returns black, grey and white, which is accurate and useless.
- Can I use this on a screenshot of a website?
- Yes, and it is one of the better uses — screenshot the page, drop it in, and read the exact values. Bear in mind a screenshot may carry colour profile differences, so treat the result as very close rather than certain.
- Does the image leave my browser to be analysed?
- No. It is decoded in your browser and the pixels never leave your device, which matters when the image is unreleased design work.
Privacy
Everything happens locally. Your files are read by your own browser, processed on your device, and never uploaded — closing the tab is all it takes to erase them.
Related tools
Color Palette Generator
Build harmonious palettes from one seed colour, with a full tint and shade ramp.
Color Mixer
Blend two colours and see every step between them, in sRGB or OKLab.
Color Picker
Pick colors and convert between HEX, RGB, HSL and OKLCH.
Random Color Generator
Generate random colours with hex, RGB and HSL — filtered to ones worth using.
Contrast Checker
Check colour contrast against WCAG AA and AAA, and get a passing colour if it fails.
Resistor Color Code Calculator
Decode 4, 5 and 6-band resistors — or go the other way from a value to its bands.