Skip to content
Toolbase

Image Colour Picker

Click anywhere on an image to get the HEX, RGB and HSL colour, zoom in for precision and save swatches. Free eyedropper, no upload.

Your images never leave your browser
No upload
Loading tool…

How to use the Image Colour Picker

  1. 1Drop or paste an image.
  2. 2Hover with the magnifier and click a pixel.
  3. 3Copy the HEX, RGB or HSL value.
  4. 4Save it as a swatch for later.

"Is that background actually white?" "What hex is the brand blue on the box?" "Which grey did the designer use in the banner?" Every one of these needs a single exact pixel value, not an average. The Image Colour Picker is an eyedropper online: click anywhere on an image to get hex colour from image pixels, with a magnifier for precision and a swatch list that remembers the colours you have picked. As a colour picker from image files it replaces a desktop app for the one job sellers actually need.

How it works

  1. Drop or paste any image, including screenshots.
  2. Move the cursor over the preview. A magnifier shows a zoomed grid of the surrounding pixels with the centre pixel outlined, so you can land on a one-pixel line or a single letter.
  3. Click to lock the colour. The panel shows HEX, RGB and HSL, each with a copy button.
  4. Click Add swatch to keep it. Swatches stay in your browser's local storage, so the list is still there when you return.
  5. Export the swatch list as text or clear it.

The picker reads the decoded pixel data, not the screen, so browser zoom and display scaling never change the reading. For JPG images remember that compression adds slight noise; picking a few nearby pixels shows the spread.

Why it matters

The most common use for sellers is a compliance check. Amazon requires a pure white main-image background, RGB 255, 255, 255, and a photo that looks white can easily read 248 or 251. Clicking the four corners takes ten seconds and tells you whether the image will pass or whether it needs the Background Remover or Photo Enhancer first. Daraz and TikTok Shop have the same white-background rule for the first image.

Other everyday jobs:

  • Matching the exact packaging colour for a banner or A+ module.
  • Naming a variant correctly: an HSL reading of 210°, 70%, 45% is blue, not teal, whatever the supplier's spreadsheet says.
  • Checking that text placed on an image has enough contrast against the pixels beneath it.
  • Pulling a competitor's accent colour from a screenshot for a comparison chart.

Tips

  • Pick from a flat area of at least a few pixels; edges are anti-aliased and read as a blend.
  • Use the magnifier at full zoom for thin lines, seams and text.
  • For a summary of the whole image rather than one point, the Colour Palette Extractor returns the dominant colours.
  • Paste the HEX code into the Product Colour Variant Generator as a custom target to recolour a product to a matched shade.
  • Use the saved swatches with the Text on Image / Caption Tool and the Size Chart Image Generator so overlays stay on-brand.
  • Screenshots of web pages are usually sRGB; camera photos can carry other profiles, so pick from the exported JPG you will actually upload.

Privacy

The image is decoded and sampled entirely in your browser. Your images never leave your browser, and swatches are stored only on your device.

Frequently asked questions

How accurate is the colour reading?

It reads the exact decoded pixel value from the image data, not the screen, so display scaling, browser zoom and monitor calibration do not affect it. JPG compression introduces slight variation between neighbouring pixels, which the magnifier lets you see before you click.

Where are my saved swatches stored?

In your browser's local storage on this device only. They persist between visits until you clear them or clear site data, and they are never sent anywhere. Use the export option to copy the list as text if you want it on another device.

Can I check whether a background is pure white?

Yes. Click each corner and a few background spots; a value of RGB 255, 255, 255 or HEX FFFFFF passes Amazon's main-image rule. Anything from 245 to 254 looks white but fails, and needs the Background Remover or the Photo Enhancer's auto levels.

Does it give HSL as well as HEX and RGB?

Yes. HSL shows hue in degrees, saturation and lightness in percent, which is the most useful form for naming colours and for the Product Colour Variant Generator. All three formats have a copy button, and the swatch list stores all three together.

Can I pick colours from a screenshot or a web page?

Yes. Paste a screenshot straight from the clipboard or drop a saved PNG; there is no need to save it to a file first. Screenshots are usually sRGB, so the values match what the page's CSS declared, which makes them ideal for reproducing a competitor's colour scheme.

Related tools