Image Color Picker
Upload any image and hover over it to preview each pixel's color live, then click to get its exact HEX, RGB, and HSL value, entirely inside your browser.
How does this color picker work?
Once an image is uploaded, it's drawn onto an invisible canvas at its full resolution. Moving the cursor over the visible image maps that position back to the canvas's real pixel coordinates and reads that pixel's color live, showing it in a small tooltip that follows the cursor. Clicking locks that color in below as HEX, RGB, and HSL.
GuideHow to use it
Features & benefits
Why this runs entirely in your browser
Uploaded images can be personal photos, screenshots, or unreleased designs, so nothing is sent to a server. The image is decoded and sampled using the browser's own Canvas API, which means it keeps working offline once the page has loaded.
Common uses
Matching a brand color from a logo, pulling an accent color out of a photo for a design system, or checking the exact shade used somewhere in a screenshot.
Frequently asked questions
A few things people usually want to know before trusting the numbers.
Yes — PNG, JPEG, GIF, WEBP, and SVG images can all be uploaded and sampled the same way.
It reads the exact pixel value at full image resolution, so the color returned matches the image data exactly, with no rounding beyond standard 8-bit RGB.
Clicks are mapped from the displayed image's on-screen position back to the original full-resolution pixel coordinates before sampling, so scaling doesn't affect accuracy.
No. The live preview just reads pixel data already available in the browser from the canvas the image was drawn to — no network request happens as you move the cursor.
No. All color sampling happens locally in your browser. Nothing uploaded here is sent to a server, stored, or shared.