Image Color Picker

Get the exact color from any image

This free image color picker lets you pull the precise color out of any photo, screenshot, or graphic. Upload an image, paste one from your clipboard, or drag a file onto it — then move your cursor over the picture and a magnifier loupe zooms in on the pixels so you can target the exact spot. Click, and you instantly get that color’s HEX, RGB, and HSL code, ready to copy with one tap.

It runs entirely in your browser. Your image never leaves your computer, there’s nothing to install, and there’s no signup.

How to use the image color picker

1. Add your image. Click Upload image, paste a screenshot with Ctrl/Cmd + V, or drag a file straight onto the picture area.
2. Find the color. Move your cursor over the image. The magnifier loupe follows along, zooming into the pixels and showing the HEX code under your pointer so you can land on the exact shade.
3. Click to pick. The color you click fills the HEX, RGB, and HSL fields, and the large swatch updates to show your selection (with your previous pick beside it for comparison).
4. Copy what you need. Hit the copy icon next to any format and paste it into your design tool, stylesheet, or document.

On a phone or tablet, tap anywhere on the image to pick that color.

Why use an image color picker

Matching a color by eye is guesswork — an image color picker gives you the exact value every time. It’s the fastest way to:

• Match a brand color from a logo or a screenshot when you don’t have the original file.
• Pull a palette out of a photo for a design, a website, or a moodboard.
• Find the HEX code of a color you spotted somewhere and want to reuse in CSS or a design app.
• Recreate a look from a reference image — a product shot, an illustration, a piece of artwork.
• Check what color something actually is instead of trusting your monitor’s interpretation.

Designers, developers, marketers, and anyone working in Figma, Canva, Photoshop, or a website builder reach for this constantly, because exact color codes are non-negotiable once you move from “looks about right” to “ships to production.”

How it works

When you add an image, the tool draws it onto an HTML canvas inside your browser. The canvas stores the exact red, green, and blue value of every pixel. As you move your cursor, it reads the pixel directly under your pointer and shows it in the magnifier; when you click, it reads that pixel’s values and converts them into the three formats you see:

• HEX — the six-character web code, like #2596BE.
• RGB — red, green, and blue from 0 to 255, like rgb(37, 150, 190).
• HSL — hue, saturation, and lightness, like hsl(196, 67%, 45%).

Because all of this happens on your own device, nothing is uploaded to a server. That’s why it’s instant and completely private — the math runs in the browser tab you’re already looking at.

Tips for picking accurate colors

Zoom in with the magnifier before you click, especially on photos: a single area that looks like one solid color is often dozens of slightly different pixels. Photographs also carry compression artifacts and lighting variation, so the “blue” of a sky might span many values — pick from the spot that best represents the color you actually want. For logos and flat graphics, any pixel in a solid region gives you the true value.

Once you’ve grabbed a color, you can fine-tune it or build a full scheme around it with our color picker, and check that text stays readable on it with the contrast checker.

Frequently asked questions

How do I pick a color from an image? Upload or paste your image, move your cursor over it to magnify the pixels, then click the exact spot you want. The tool shows that pixel’s HEX, RGB, and HSL code, ready to copy.

How do I find the HEX code of a color in a photo? Add the photo, click the color you’re after, and copy the value from the HEX field. No conversion or extra step needed.

Is the image color picker free? Yes — it’s completely free, requires no account, and has no limits on how many images or colors you pick.

Does my image get uploaded anywhere? No. The image is read directly in your browser and never sent to a server, so your files stay private.

Can I pick a color from a screenshot? Yes. Take a screenshot, then paste it straight into the tool with Ctrl/Cmd + V, or save and upload it.

What image formats can I use? Common web formats like JPG, PNG, WebP, and GIF all work — anything your browser can display.

Why do colors in a photo vary so much when I pick them? Photographs have lighting, shadows, and compression, so an area that looks like one color is actually many similar shades. Use the magnifier to land on the exact pixel that matches the color you want.