Image Color Picker

This image color picker answers a simple, frequent question: what exact color is that pixel? Upload or drag in a photo, screenshot or design export, and the tool draws it onto a pixel-accurate canvas. Move the cursor and a magnifying loupe follows it, enlarging the 11×11 pixels underneath so you can aim precisely; the values under the cursor are shown live. One click and the color lands in three cards — HEX for CSS, RGB for code, HSL for tweaking lightness — each with its own copy button.

Precision is the whole point of a picker like this. On anti-aliased text, gradients and photo edges, neighboring pixels differ noticeably, and picking by eye from a scaled-down preview grabs the wrong shade more often than not. The loupe shows every physical pixel as a large square with a crosshair on the center one, so the value you copy is the value of exactly the pixel you meant. A history of the last eight picks is kept as color swatches — click any of them to copy that color again.

The tool is built on the browser's canvas API and runs fully on your device: the image is never uploaded, there is no queue and no account, and even confidential mockups or documents are safe to inspect. It works with any image format your browser can open, including PNG, JPG, WebP, GIF and SVG.

Typical uses: recovering a brand color from a logo when the style guide is lost, matching UI colors to a reference screenshot, checking what a gradient actually renders to, or grabbing a palette candidate from a photo. If you then need the color in another notation — CMYK for print, or normalized values — the color format converter tool picks up right where the eyedropper leaves off.