Image Color Picker — Pick Any Color from an Image, Free
Upload an image, click any pixel, and get its hex, RGB, and HSL value instantly.
A free online image color picker — drop in a photo, screenshot, or design file, hover to see a zoomed loupe of the exact pixel, and click to pick it. Also works as an image colour picker and eyedropper tool for anyone spelling it the British way. Everything runs in your browser; nothing is uploaded.
What is an image color picker?
An image color picker reads the exact color of a single pixel in an image and reports it as a hex code, RGB triplet, and HSL value you can paste straight into CSS, Figma, or any design tool. It's the same idea as an OS-level eyedropper, but scoped to a picture you upload rather than your whole screen — useful for matching a brand color from a logo, sampling a photo for a palette, or checking exactly what shade a screenshot is using.
Using the zoom loupe
Small details matter when you're matching a color — a single wrong pixel can pick up an anti-aliased edge instead of the flat fill you meant. Moving your mouse over the image shows a magnified loupe of the pixel under your cursor before you click, so you can land precisely instead of guessing. Once you click, that pixel's hex, RGB, and HSL values all appear together — no format switcher, no extra clicks.
Example: pulling a brand color from a logo
Say you have a PNG of a competitor's logo and need their exact blue for a comparison mockup. Upload the logo, zoom the loupe onto the solid part of the mark (avoiding the anti-aliased edge pixels, which blend toward the background), and click. You'll get something like #2563EB / rgb(37, 99, 235) / hsl(221, 83%, 53%) — copy whichever format your tool expects.
Building a palette with history
Most real design work needs more than one color from an image — a primary, an accent, a background tone. Every pick you make is saved to a history strip of up to 24 swatches for the session, so you can sample several spots in the same image and come back to any earlier pick without re-clicking the original pixel.
Frequently asked questions
How do I pick a color from an image?
Upload, drag, or paste an image, then move your mouse over it — a zoom loupe shows a magnified view of the exact pixel under your cursor. Click to pick that color. Its hex, RGB, and HSL values appear instantly, and each one copies to your clipboard with a click.
Is this the same as an eyedropper tool?
Yes — this is a browser-based eyedropper for images. Instead of picking colors off your whole screen like an OS-level eyedropper, it reads pixels from an image you upload, with a zoomed loupe so you can land on the exact pixel you want.
What color formats does it give me?
Every pick shows hex (#RRGGBB), RGB, and HSL at once — no format switcher needed. Click any of the three to copy that exact string.
Does it keep a history of colors I've picked?
Yes. Your last 24 picked colors stay in a swatch history for the session, so you can build a palette from several spots in the image without losing earlier picks. Click any swatch to bring its values back up.
Is my image uploaded anywhere?
No. The image is decoded and read locally in your browser using a canvas — it never leaves your device, and nothing is stored on a server.
Related tools: Color Shades Generator · Color Contrast Checker · PNG Color Replacer · Tailwind Colors
