Image Color Picker
Image Color Picker reads the exact color of any pixel you choose on an image, in your browser.
Drop an image here (PNG, JPEG, WebP — max 20 MB)
How to use it
- Drop or choose a PNG, JPEG or WebP image (up to 20 MB)
- Move the pointer over the image to see the magnifier, then click or tap to pick a pixel
- Read the HEX, RGB and HSL values, the x/y coordinates and the alpha; use the arrow keys to nudge the point
- Copy a value, add the color to the recent palette, or reset to load another image
Drop or choose a PNG, JPEG or WebP file, then click or tap the image to pick a pixel; a magnifier drawn from the decoded image shows a grid and a crosshair around the point, and after the first pick the arrow keys move it one pixel at a time (Shift for ten). The pointer position is mapped to the source pixel from the ratio between the displayed size and the image's real size, so it stays correct when the image is scaled down by CSS or shown on a high-density screen. It reports HEX, RGB and HSL, adds an alpha byte and rgba()/hsla() forms when a pixel is not fully opaque, shows the x and y coordinates, and marks a fully transparent pixel as such rather than hiding the alpha. A small palette keeps up to ten recent colors, each with a swatch, its HEX, Copy and Remove, plus Clear. This is not the Color Converter, which changes a color value you already have, or the Color Palette Generator, which builds a palette from scratch: this tool samples colors from an image. The values are what the browser exposes after decoding the image — color profiles and browser color management can shift them, and it is not an ICC colorimetry tool. Nothing you open is uploaded.
FAQ
Load a PNG, JPEG or WebP image, then click or tap the pixel you want. A magnifier helps you aim, and once a pixel is picked the arrow keys move the point one pixel at a time, or ten with Shift, so you can pick precisely with a keyboard too.
Yes. Each pick shows HEX, RGB and HSL, along with the x and y pixel coordinates. When the pixel is not fully opaque the HEX gains an alpha byte and the rgba() and hsla() forms are shown, so the transparency is never dropped.
Yes. A partly transparent pixel shows its alpha value and rgba() form, and its swatch is drawn over a checkerboard. A fully transparent pixel is labelled as such instead of being shown as an opaque HEX color.
They are the values the browser exposes after it decodes the image. Color profiles and browser color management can shift them, so treat the numbers as the decoded on-screen color, not a raw file or sensor reading. This is not an ICC colorimetry tool.
No. The image is decoded and its pixels are read entirely in your browser with a canvas. Nothing you open is sent to Tooliba or a third party, and analytics records only that the tool was used.