Image Color Picker

Image Color Picker lets you upload any image and click on any pixel to instantly read its hex, RGB, and HSL color values. A magnifier follows your cursor for precise pixel-level selection. Clicked colors are saved to a history row so you can build a palette while you work. Everything runs in your browser — the image is never sent to a server.

Tool interface

• Drop zone — click to open a file dialog or drag and drop an image directly. Accepts PNG, JPG, WebP, and GIF.
• Canvas — the image is rendered here at full resolution. Moving the mouse shows a circular magnifier near your cursor with a crosshair. Clicking picks the color under the crosshair.
• Hex, RGB, and HSL output fields — update live as you move the cursor, lock in on click, each with a Copy button.
• Picked colors — a row of swatches (up to 20) for every color you have clicked. Clicking a swatch reloads that color into the output fields.
• Clear removes the image and resets everything.

Tool description

Identifying exact colors from reference images is a common need in design and development work. A brand screenshot, a photo with a color palette you want to replicate, a UI you want to reverse-engineer — in all of these cases you need the precise hex or RGB value, not a rough visual guess.

The magnifier is the key feature that makes this practical. At 6× zoom it shows a circular region around your cursor scaled up so you can see individual pixels clearly, with a crosshair to show exactly which pixel will be sampled on the next click. Without the magnifier, clicking near a boundary between two colors would be unreliable.

The picked colors history means you can click multiple colors across an image in one session and keep all values available. Click any history swatch to copy its hex, RGB, or HSL value without needing to re-navigate to that spot in the image.

The tool works well on touch screens too — tap anywhere on the image to sample the color at that point.

How to use

1. Click the drop zone or drag an image onto it to load it.
2. Move your cursor over the image — the magnifier shows the area around your cursor at 6× zoom.
3. Click any pixel to lock in its color. The output fields and the picked colors row update.
4. Copy the format you need using the Copy button next to Hex, RGB, or HSL.
5. Continue clicking to add more colors to the history row.
6. Click any swatch in Picked colors to restore a previous pick.