Why does the same colour give different values in different places?

Lighting, shadow and compression vary the pixels. A photograph of a single-coloured object contains many shades of it, and clicking two points gives two answers.

Can I get the exact brand colour from a logo image?

Approximately. Compression and any colour profile conversion will have shifted it slightly. The exact value is in the brand's guidelines.

What is the difference between HEX, RGB and HSL?

Three ways of writing the same colour. HEX is compact and used in CSS; RGB is the same numbers in decimal; HSL describes hue, saturation and lightness, which is far easier to adjust deliberately.

Is my image uploaded?

No. It is read in your browser and the pixels are never sent anywhere.

Color Picker

Pulls colours out of an image — a single pixel or the dominant palette — and gives them in HEX, RGB and HSL.

Runs in your browser — nothing is uploaded

Colour

Hex

Formats

HEX: #2A78D6
RGB: 42, 120, 214
HSL: 213, 68%, 50%

On white

4.42:1

Large text only

On black

4.76:1

Passes AA for body text

Need this as an API?

Why use it

Built to be genuinely useful

Pick a pixel or extract a palette

One exact colour from a specific point, or the handful that characterise the whole image.

Every format at once

HEX for a stylesheet, RGB for code, HSL for building variations of the same hue.

Nothing is uploaded

The image is decoded and re-encoded by your browser. It never reaches a server, which matters for anything with a face, a document or a location in it.

Free, no watermark

No account, no queue, and nothing stamped across the result.

How it works

Three steps

1
Open the image.
2
Click a point, or extract the palette.
3
Copy the values.

Why the colour you pick is not always the colour you saw

A photograph of a red object contains hundreds of different reds — lighting, shadow, reflection and JPEG compression all vary it pixel by pixel. Clicking a single point gives you one of them, and it may not be the one that reads as the object's colour.

Sampling an average over a small area is usually closer to what you perceived, which is why a palette extraction often produces more usable values than a single pick. For brand colours, the authoritative value is in the brand's own guidelines rather than in a photograph of the product.

Building a usable palette from an image

The colours that dominate an image are rarely a good interface palette on their own. They tend to cluster in lightness, which leaves nothing with enough contrast to put text on, and a page built from them looks muddy.

The workable approach is to take one or two as anchors and derive the rest by holding the hue and varying lightness and saturation deliberately. That gives a related set with the contrast range an interface actually needs, and it is easier to do in HSL than in hex.

FAQ

Questions people ask

API access

Need Colour Extraction in Your App?

Add colour extraction to your own website, app, SaaS product or workflow through API access.

Tell us what you are building, how you plan to use it and the volume you expect. We will come back to you with availability, integration details and a quote for your usage.

Related tools

More image tools

Available tools are linked; the rest are in development.

Image → Text Screenshot → Text EXIF Viewer Metadata Remover QR Code Generator QR Code Scanner Meme Generator AI Writer AI Summarizer AI Paraphraser AI Humanizer AI Grammar Checker

All Image Tools

Need a tool like this for your business?

We build internal tools, dashboards and automation that fit how your team works.

See Our Services