Image Color Picker

How it works

This color picker draws your image onto an HTML Canvas element and uses the Canvas API's getImageData method to read the exact pixel color at the point you click. The red, green, and blue values are then converted to HEX, RGB, and HSL formats so you can copy the value you need.

Your images are never sent to a server. All color sampling happens locally in your browser, which makes the tool fast and private. It works on any modern browser, on both mobile and desktop.

Frequently asked questions

Does shrinking the preview change the color I get?

No. Large images are scaled down to fit the screen, but every color is read from a full-resolution copy of the image, so you always get the exact pixel you clicked. There is no anti-aliased blending, which matters for pixel art, screenshots, and hard-edged graphics.

How do I pick an exact pixel on a phone?

Press and drag on the image. A round magnifier follows your finger and shows the individual pixels underneath, with the sampled pixel outlined in the center. Lift your finger when the target pixel is centered to lock in that color.

What color do I get from a transparent pixel?

The tool reads the red, green, and blue channels and ignores the alpha channel. Because the Canvas API stores pixels with premultiplied alpha, a fully transparent area reads back as black (0, 0, 0), and the color underneath is discarded and cannot be recovered. So clicking a see-through region returns black rather than the color you might expect.

Which image formats can I load?

Any format your browser can decode, which typically includes JPEG, PNG, WebP, GIF, and often AVIF. You can add an image by dragging it in, pasting from the clipboard, or using the Select Image button.

More tools from Clean.tools

• Image Metadata View EXIF data and image info
• Resize Images Resize and export images as JPEG, PNG, WebP, or TIFF

View all tools