Is my image uploaded to a server?

No. The image is drawn onto an HTML canvas inside your browser and every pixel read happens locally. Nothing is transmitted or stored anywhere.

Why might the picked colour differ slightly from the original file?

Large images are scaled down for display, and the browser may apply colour management. For pixel-perfect work on very large images, crop to the area of interest first. For most design and web work the sampled value matches what you see.

What formats can I sample?

Any image your browser can decode — PNG, JPEG, WebP, GIF, BMP and most SVGs. The colour is read from the rendered pixels, so it works the same regardless of source format.

Can I get the HSL value too?

Yes. Each sampled pixel is shown as HEX, RGB and HSL simultaneously, each with its own copy button.

What is the Image Colour Picker (Eyedropper)?

Free image colour picker and eyedropper. Upload any image, then click a pixel to read its exact colour as HEX, RGB and HSL with one-click copy. Everything runs in your browser on a canvas — the image is never uploaded. It runs free in your browser on Gera Tools, with nothing uploaded.

Image Colour Picker (Eyedropper)

Name: Image Colour Picker (Eyedropper)
Creator: Gera Tools
License: https://creativecommons.org/licenses/by/4.0/

Get one useful tool a week

Like this tool? Enter your email and we'll send you one genuinely useful Gera tool a week — plus a link to come back to this one. No spam, one-click unsubscribe any time.

Need the exact colour of a logo, a screenshot, or a photo? This eyedropper loads any image into your browser and lets you click a pixel to read its precise colour in three formats at once — HEX, RGB and HSL.

How it works

The image is drawn onto an HTML <canvas>. When you click, the tool reads the single pixel under the cursor with getImageData and converts the raw RGB channels into each format:

HEX : #6D8BFF
RGB : rgb(109, 139, 255)
HSL : hsl(227, 100%, 71%)

Because everything happens on the canvas locally, the image never leaves your device — there is no upload and nothing is stored.

Tips for accurate sampling

Large images are scaled to fit; for pixel-exact sampling on huge files, crop to the region you care about first.
Anti-aliased edges blend two colours together, so click the solid interior of a shape rather than its border to get the intended colour.
Use the HSL output when you need to build a tint/shade scale — hue and lightness are far easier to reason about than raw hex.