Image Color Picker — Extract HEX, RGB & HSL Colors Free
Pick colors from any image online free — click any pixel to instantly get its HEX, RGB and HSL color values. No sign-up, no email, no uploads required.
Last updated: June 2026
Drop an image here or click to upload
JPG, PNG, WebP · max 20 MB · processed in your browser
Hover to preview · click to lock a colour · double-click to resume
Dominant colours
About this tool
How to pick a colour from an image online
Designers, developers and anyone building a palette often need the exact colour of something in a photo — the blue of a logo, the tone of a sky, a brand shade in a screenshot. An image colour picker reads the precise value of any pixel so you can reuse it in your own design.
To pick a colour from an image, drop it in and move your pointer over the preview — the colour under the cursor updates live as HEX, RGB and HSL. Click to lock a colour so you can copy it with one tap, and double-click to resume hovering. On Chrome and Edge, the Pick from screen button uses the browser's native eyedropper to sample a colour from anywhere on your display, not just the uploaded image.
The tool also analyses the whole image and shows its dominant colours as a palette — a fast way to derive a colour scheme from a photograph. Everything runs in your browser, so your image is never uploaded, and each value has its own copy button for HEX, RGB or HSL so you can paste straight into CSS or a design app. It's free, private, and needs no account.
How it works
Three quick steps — no account, nothing uploaded to a server.
Upload your image
JPG, PNG and WebP supported. Up to 20 MB.
Pick a color
Click any pixel to read its HEX, RGB and HSL values.
Download your result
Processed locally in your browser. Nothing is uploaded to our servers.
FAQ
Frequently asked questions
How do I pick a colour from an image?
Upload your image and move your pointer over it — the colour under the cursor is shown live as HEX, RGB and HSL. Click to lock a colour so you can copy it, and double-click the image to resume live hovering. On Chrome and Edge you can also use the Pick from screen button to sample a colour from anywhere on your display.
What colour formats does it show?
Every colour is shown as HEX (like #3B82F6), RGB (like rgb(59, 130, 246)) and HSL (like hsl(217°, 91%, 60%)). Each has its own copy button, so you can grab the exact value your design tool or CSS needs.
What is the dominant colour palette?
Below the picker, the tool analyses the whole image and shows the most common colours as a palette. It's a quick way to pull a colour scheme from a photo — click any swatch to load that colour into the readout and copy it.
Does it work on transparent PNGs?
Yes. Fully transparent pixels are skipped when building the dominant-colour palette, and hovering over a transparent area reads the underlying pixel value. The picker works on JPG, PNG, WebP and other common formats.
Is the colour picker free and private?
Yes. It runs entirely in your browser — your image is never uploaded — with no account and no limit. It's a fast, private way to grab colours from any image.
Related image tools
You might also need these.