Skip to main content
OS Authority

Pick a colour from an image

Open a photo, logo or screenshot, tap the colour you want and copy its HEX, RGB or HSL code. The image's main colours are listed too, so you can match a brand or build a palette.

Your image is opened on this device and never uploaded. We don't see, store or log your files.

How it works

  1. Choose an image (JPG, PNG, WebP, AVIF or GIF).
  2. Tap or click the colour in the picture, or type the pixel's X and Y position.
  3. Copy the HEX, RGB or HSL code, or tap one of the main colours.

Exact colours from the full-size image

The picture on screen is scaled to fit, but the colour is read from the original image's pixel, so the code is exact even for a 12-megapixel photo. Tap where the colour is even: photos have noise, and neighbouring pixels of a "plain" blue sky can differ by a few values, for example #4A90D9 and #4B8FDA.

Which code to use

HEX (#2563EB) is the usual choice for websites, design tools and brand guides. RGB (rgb(37, 99, 235)) gives the red, green and blue amounts from 0 to 255. HSL (hsl(221, 83%, 53%)) describes hue, saturation and lightness, which makes it easy to make a lighter or darker version of the same colour by changing only the last number.

The main colours

The image's main colours are found by grouping similar pixels and merging near shades, then sorting by how much of the picture each covers, shown as a percentage. Transparent areas of PNG logos are ignored. For a logo on a white background, white usually comes first; tap the next chips for the brand colours.

Frequently asked questions

Is my image uploaded?

No. The image is opened by your browser and every colour is read on your device.

Why does the colour look different in my design app?

Some photos carry a colour profile (for example Display P3 from recent phones), and apps show it slightly differently. The code here is the colour your browser draws, in standard sRGB, which is what websites use.

Can I pick a colour without a mouse?

Yes. Type the pixel's X and Y position in the fields under the image; the colour updates as you type.

Last reviewed: October 4, 2026

Related tools