Color Picker from Image
Hover with a magnifier, click to grab the exact pixel color as HEX, RGB and HSL — and get the image's dominant palette for free.
About this tool
You've got a logo, a screenshot of a competitor's site, or a photo with exactly the shade of teal the client keeps describing — and you need the code. This free color picker from image is an online eyedropper: drop or paste any picture, hover to see a magnified view of the pixels under your cursor, and click to lock the color as HEX, RGB and HSL, each with a one-click copy button. Every pick is saved to a swatch history, so you can collect several colors from one image without juggling tabs.
The tool also extracts a palette of the eight dominant colors automatically, which is a fast way to build a theme from a brand photo or check which tones carry a design. It all happens in your browser: the image is painted onto a hidden full-resolution canvas and the pixel values are read straight from it, so the HEX you copy is the true stored color, not a guess from a compressed thumbnail — and your file is never uploaded anywhere.
How to pick a color from an image
- Drop an image onto the box, click to browse, or paste a screenshot with Ctrl+V.
- Move over the image — the magnifier shows the pixels and live HEX. Click or tap to lock a color.
- Copy the HEX, RGB or HSL value, or grab a swatch from the dominant-color palette below.
Frequently asked questions
Is my image uploaded to pick colors from it?
No. The image is drawn onto a canvas inside your browser and the pixel values are read from there. Nothing is sent to a server, so unreleased designs, client mockups and personal photos stay on your device.
How accurate is the picked color?
Exact to the pixel. The picker reads from a hidden full-resolution copy of your image, not from the scaled-down preview, so the HEX value is the real stored color. Note that JPG compression can shift colors slightly from what the designer originally used.
How is the color palette generated?
Pixels are sampled across the whole image and grouped into coarse color buckets. The most populated buckets become the palette, after merging shades that are nearly identical, so you get the eight colors that genuinely dominate the picture rather than eight near-duplicates of the background.
Can I paste a screenshot instead of uploading a file?
Yes. Take a screenshot, then press Ctrl+V (Cmd+V on Mac) anywhere on this page and the image loads instantly — handy for grabbing a color from a website, an app or a video frame without saving a file first.
Which formats and image sizes work?
Any image your browser can display: JPG, PNG, WebP, GIF, BMP, SVG and AVIF. Large photos are fine — the preview is scaled to fit your screen while the color is still read from the original pixels. Transparent areas are ignored when building the palette.