Image Color Picker

Grabbing the exact color of a single pixel — a brand color from a logo, a background shade from a screenshot, an accent from a design mockup — usually means opening the image in a full desktop editor just to use its eyedropper tool. This tool does the same job directly in your browser: upload an image, click anywhere on it, and it reads that exact pixel's color straight from the image's own pixel data.

Under the hood, the uploaded image is decoded and drawn onto an in-memory canvas, and every click reads the pixel at that exact position via the Canvas API's getImageData — not an approximation or a downscaled guess, but the same raw value the image actually stores there. Hovering over the image shows a magnified, pixel-by-pixel preview of the area around your cursor with the exact pixel that would be picked outlined, so lining up on a fine detail or a hard edge between two colors is easy even when the image is displayed smaller than its real size.

Every color you pick is added to a running history below the image, shown as a small swatch grid — click any past swatch to bring it back into the main "Picked color" panel, where its HEX and RGB values are each one click away from your clipboard. That makes it easy to sample several spots on an image and compare them side by side without losing earlier picks.

Every step — decoding the image and reading pixel colors — runs locally using the Canvas API already built into your browser. Your image is never uploaded, transmitted, logged, or stored anywhere, even for a moment.