Move over the image, click to pick a color
Click a swatch to copy its HEX
Drop an image here
or click to choose · or paste (Ctrl/Cmd + V)
processed in your browser · never uploaded
Pick the exact color of any spot in a photo, screenshot, illustration, or design comp. Load an image and move the cursor over it: a cursor-following magnifier loupe shows the surrounding pixels at a nearest-neighbor (blocky) zoom, with a center crosshair so you can target a single pixel. The color at that point is shown live in three notations — HEX (#RRGGBB), RGB (rgb(r, g, b)), and HSL (hsl(h, s%, l%)) — and clicking any row copies that notation to the clipboard. Click the image to collect a color into a "picked colors" palette, so you can grab several colors for a scheme and reuse them; each picked swatch copies its HEX on click, and you can clear them all at once. Colors are read directly from the loaded image's real pixels — not from the scaled-down on-screen preview — so you get an accurate, single-pixel value even when the image is displayed small. The magnifier zoom is adjustable with a slider, so you can target one point even on fine pixel art or anti-aliased edges. Unlike the browser's built-in EyeDropper API, this targets only the loaded image (not your whole screen) and works the same way in browsers that don't support EyeDropper. Your image is your work or research, so this tool uploads nothing — loading, picking, and copying all happen locally in your browser.
How to use
- Drop the image you want to sample colors from (or click to choose, or paste with Ctrl/Cmd+V).
- Move the cursor over the image — a magnifier appears. Use the center crosshair to target one pixel and read its HEX / RGB / HSL.
- Click a value row to copy it, or click the image to collect the color into your palette. Picked swatches also copy their HEX on click.
FAQ
Are my images uploaded to a server?
No. Loading the image, reading the colors, and copying them all happen in your browser. Nothing is uploaded, stored, or sent anywhere — everything is processed only on your device.
What is the magnifier loupe for?
It helps you target a single pixel precisely. It shows the pixels around the cursor enlarged, with a center crosshair marking the exact pixel being read. On fine patterns or anti-aliased edges you can pick the color you actually want instead of a neighboring one. The zoom level is adjustable with a slider.
Can I get an accurate color even when the image is shown small?
Yes. Colors are read directly from the loaded image's real pixels, not from the scaled-down on-screen preview, so you get an exact single-pixel value even when the image is displayed small. (Very large images are scaled down internally to protect memory, but ordinary photos are handled at full size.)
Can I copy HEX, RGB, or HSL?
All three. The color under the cursor is shown as HEX (#RRGGBB), RGB (rgb(r, g, b)), and HSL (hsl(h, s%, l%)); click any row to copy that notation to your clipboard, ready to paste into CSS or a design tool.
Can I pick several colors at once?
Yes. Each time you click the image, that color is added to your "picked colors" palette, so you can build up a scheme and copy each one's HEX with a click. Use "Clear" to remove all picked colors at once.
How is this different from the browser's eyedropper?
The browser's built-in EyeDropper samples your entire screen, while this tool targets only the loaded image and lets you aim at one pixel with a magnifier. It works the same way in browsers that don't support EyeDropper, and your image is never uploaded.