Image Color Picker

Images·Free · in browser

Image Color Picker

Click anywhere on an image to read the exact colour as HEX, RGB and HSL, and keep a palette of everything you picked. Nothing is uploaded.

Image Color Picker
All tools

An image colour picker reads the exact colour of any pixel you click and reports it as HEX, RGB and HSL. The image is drawn to a canvas in your browser and read back locally, so nothing is uploaded.

Runs entirely in your browser · no signup · nothing is uploaded · updated 2026-08-29

or drop it here - nothing is uploaded

How to use it

  1. 1.Choose an image or drop it in.
  2. 2.Click any pixel to read its colour.
  3. 3.Copy it as HEX, RGB or HSL - recent picks are kept as a palette.

Frequently asked questions

Is my image uploaded?

No. It is drawn to a canvas in your browser and read back with getImageData. There is no network request at any point.

Why does the picked colour look different from the original?

Screenshots and photographs are often in a wider colour profile than sRGB. The canvas reads sRGB values, which can differ slightly from what a design tool reports.

When should I use HSL over HEX?

HSL when you are building a palette. Changing only the lightness gives you consistent tints and shades of the same hue, which is very difficult to do by hand in HEX.

Can I pick from a screenshot?

Yes - take the screenshot, drop it in, and click. That is the usual way to lift a colour from a site or app you cannot inspect.

How do I find the hex code of a colour in a screenshot?

Drop the screenshot in and click the pixel. That is the reliable way to lift a brand colour from a site or app whose CSS you cannot inspect.

What is the difference between HEX, RGB and HSL?

They describe the same colour three ways. HEX and RGB are the same numbers in different notation. HSL splits it into hue, saturation and lightness, which makes building tints and shades far easier.

Why does the colour differ from the design file?

Colour profile. Photos and screenshots are often in Display P3 or Adobe RGB; the canvas reads sRGB. The values are correct for the web, which is sRGB.

Can I pick an average colour rather than one pixel?

Zoom out and pick from a flat area. A single pixel in a gradient or a JPEG artefact is not representative of the region it sits in.

The guide behind this tool

Tools that pair with this one

Built something?

RankCert is a weekly launch board where products rank on domain control we verify ourselves - not upvotes. Listing is free and the link is dofollow whether or not you display our badge.