Image Color Picker

What an image color picker is for

Sometimes you have a photo, a logo, a screenshot, or a design mockup, and you need the exact color of one spot in it. Maybe it's the blue in a brand logo, the beige of a wall you want to match paint to, or the shade of a button in a screenshot you're recreating. This tool lets you click any single pixel and read back its exact color as a HEX code (like #3A7BD5) and RGB values (like rgb(58, 123, 213)).

When you'd actually use it

Designers pull a HEX code out of a reference image to reuse in Figma or CSS. Crafters and DIYers match a photo to embroidery floss, yarn, or paint chips. Anyone building a slide deck or a website can sample a color from a logo so the accents match instead of guessing. It's also handy for checking whether two areas that look the same color really are — zoom in, click each, and compare the numbers.

A quick tip on how pixels work

What looks like one flat color is often dozens of slightly different pixels, especially in photos with lighting, shadows, or JPG compression. If you sample the edge of a shape you may catch a blended, anti-aliased pixel that's a mix of two colors. For the truest reading, click near the center of a solid area rather than on an edge or a highlight, and try a couple of nearby spots to see how much the color varies.

How to use it

1. Choose an image from your device (PNG, JPG, WEBP, and GIF all work).
2. Move your cursor over the image and click the exact pixel you want to sample.
3. Read the HEX and RGB values shown for that pixel, and copy whichever format you need.
4. Click another spot any time to sample a new color — no need to reload.

FAQ

What's the difference between HEX and RGB?

They describe the same color two ways. HEX is a six-digit code used in web and design tools; RGB lists the red, green, and blue channels from 0 to 255. #FF0000 and rgb(255, 0, 0) are both pure red.

Are my images uploaded anywhere?

No. The picking happens entirely in your browser, so the image never leaves your device.

Why did I get a slightly different color than expected?

You likely clicked an edge or a compressed area where pixels blend. Sample from the middle of a solid region for a cleaner reading.

Is it free?

Yes, it's free and supported by the ads on the page.