Tools · Color · Color picker from image
Color picker from image
Hover or click anywhere on an uploaded image to read its exact HEX, RGB, and HSL color, with a running pick history.
Add a file and run the tool.
Your file is ready.
Try a different file, or try again.
Settings
Adjust the settings below. The result updates as you go.
Runs fully in your browser. Nothing is uploaded.
Runs fully in your browser. Nothing is uploaded.
How it works
Drop or choose an image (JPG, PNG, WebP, GIF, or BMP, up to 25 MB).
Hover to preview a color in the magnifier, then click (or press Enter) to copy it.
Reuse any color from your pick history, or export the whole history as JSON.
Frequently asked questions
The palette generator extracts five dominant swatches from a whole image, once. This tool reads one exact pixel at a time, continuously, as you hover or click - built for pulling a specific color, not a whole palette.
No. The image is decoded and read in your browser only, and every pick happens on your device.
It uses your browser's native EyeDropper tool to sample any pixel on your entire screen, not just inside the uploaded image. It only appears in browsers that support it (Chromium-based browsers, as of this writing).
Your history keeps the most recent 24 picks. Clear it any time, or export it as a JSON file before it fills up.
Guides
A closer look at specific problems this tool solves.
Why You Can't Eyeball a Hex Code from a Screenshot
The colour a human eye reports depends on what's next to it, and a JPEG screenshot's own compression quietly shifts pixel values near edges. Two separate reasons a guessed hex code is usually wrong.
Read the guideHow to Get the Exact Hex Code from Any Image
Load an image, hover to preview with a magnifier, click or tap to pick and copy. The exact steps, the keyboard path, and the on-screen EyeDropper option where it's supported.
Read the guideMatching a Brand Color from a Screenshot, Not a Guess
A competitor's site, a client's old logo file, a screenshot from a deck with no source files attached - three real situations where the actual hex code has to come from a picture, not a brand guide.
Read the guide
Comments