UtilHero

Color Picker from Image

Click any colour in an image to get its HEX, RGB, and HSL — nothing uploaded.

Drop an image here, or

About Color Picker

A color picker from an image tells you the exact code of any colour in a photo, screenshot, or logo. Drop the image in, click the spot you want, and you get its HEX, RGB, and HSL values ready to copy — plus a swatch of everything you've picked so far. The image is read on your own device and never uploaded, so it's safe for artwork and screenshots you haven't published.

Frequently asked questions

How do I pick a colour from an image?
Drop the image in, then click the spot you want. The exact colour of that pixel appears with its HEX, RGB, and HSL codes, and each one has a copy button. Every colour you click is kept in a row of swatches below, so you can pull several out of the same picture.
Are my images uploaded to a server?
No. The image is drawn and read in your browser and never leaves your device. That matters for unreleased artwork, client mockups, and screenshots that show private information.
Why isn't the colour quite what I expected?
Two usual causes. JPEG compression subtly shifts colours, so a flat area may not be one single value; and edges are anti-aliased, meaning the pixels there are blends of two colours. Click well inside a flat area rather than near a border.
Can I pick a colour from a website or from my screen?
Not directly — this reads an image file, not your screen. Take a screenshot, drop it in, and click the colour you want. That works for anything you can see.
What's the difference between HEX, RGB, and HSL?
They describe the same colour three ways. HEX (#3b82f6) is the usual shorthand in CSS and design tools. RGB gives the red, green, and blue amounts. HSL gives hue, saturation, and lightness, which is the easiest one to tweak by hand when you want a lighter or duller version.