Free · private · no upload

How to Pick a Colour from an Image

Use the picker when a logo, UI or product must match a real pixel, not a guessed swatch. The click is mapped back to the original coordinates even if the preview is scaled down.

✓ Files stay on your device✓ No account or watermark
Your workspaceProcess one image locally
Image Color Picker
01Select→02Adjust→03Download

Choose an image to begin.

Original

Your file stays private. This page processes the image inside your browser. It does not upload the file to our server.

How to use this page

  1. Choose an image.
  2. Extract a dominant palette at the size you want.
  3. Click or tap a pixel to read HEX, RGB, HSL, alpha and coordinates, then copy a code.

Worked example: matching a brand blue from a PNG logo

Open the PNG, extract six colours, then click the centre of the blue mark. Copy HEX into CSS. If the file is a busy photo, crop to the swatch area first so the palette is not dominated by the background.

What this job is for

Antialiased edges are a mix of colours. Sample the flattest part of the mark. Browser-decoded values are not a spectrophotometer reading.

Useful limits

This tool does not export a new image. Close the tab to drop the decoded pixels from memory.

The live tool behind this page is Image Color Picker. It is the same local engine as the rest of Image Cosmos.

Frequently asked questions

Why does HEX differ from Photoshop?

Colour profiles, monitors and decoders differ. Treat this as the browser canvas value.

Are transparent pixels in the palette?

Fully transparent pixels are ignored.

Uploaded?

No.

Related Image Cosmos pages

How to Compress an ImageHow to Resize an ImageHow to Crop an ImageHow to Convert JPG to PNGHow to Convert PNG to JPGImage Color Picker

Related image tools

ColourImage Color PickerPick an exact pixel colour from a JPG, PNG or WebP image and extract a dominant palette with HEX, RGB and HSL values privately in your browser.OptimiseImage CompressorReduce JPG, PNG and WebP file size for websites, email and upload limits. Enter an optional target KB size and process the image privately in your browser.ResizeImage ResizerResize JPG, PNG and WebP images by exact pixels, percentage, or print size in cm, mm and inches with DPI, privately in your browser with no upload.EditImage CropperCrop a JPG, PNG or WebP image with a drag box, ratio presets or exact X and Y pixels. The file stays on your device.