Image Color Picker
Click anywhere on a photo to get its exact hex, RGB, and HSL values.
Drag & drop a photo here, or click to browse
JPEG, PNG, or WebP
Matching a color from a photo — a brand's exact shade from a logo screenshot, a paint color from a reference photo, or a design element from a mockup — usually means guessing at values in an image editor until it looks close enough. This tool skips the guesswork: upload an image, click anywhere on it, and get the exact hex, RGB, and HSL values for that precise pixel instantly, with a one-click copy button for each format. A small history strip keeps track of your recently picked colors so you can compare a few options or return to an earlier pick without re-clicking the same spot. Everything runs locally in your browser via Canvas — your image is never uploaded to a server.
How it works
- 1
Upload a photo.
- 2
Click anywhere on the image to sample that exact pixel.
- 3
Copy the hex, RGB, or HSL value you need.
Frequently asked questions
How accurate is the sampled color?
It reads the exact pixel value from the uploaded image file, so it matches what the file actually contains — though keep in mind a photo of a physical object can differ slightly from the object's true color due to lighting and camera color processing.
What formats are shown for each color?
Hex (like #3B82F6), RGB (like rgb(59, 130, 246)), and HSL — covering the formats most commonly needed for CSS, design tools, and other software.
Does this tool keep a history of colors I pick?
Yes — recently picked colors appear as small swatches below the main result, so you can quickly compare or re-select a color you sampled earlier in the same session.