Image Color Picker

Image Color Picker reads the exact colour of a single pixel in a PNG, JPG or WebP image. Click or tap anywhere on the picture, or type X and Y coordinates, and it shows that pixel’s HEX, RGB, HSL and HSV values, its alpha (transparency) and a ready-to-paste CSS colour, with a magnified view of the surrounding pixels.

Matching a brand colour from a logo, checking a UI screenshot or sampling a photo for a palette needs the actual stored pixel value, not an approximation. Sampling at full resolution, with one-pixel keyboard steps, gives you a precise reading without installing an editor or uploading the image.

1. Drop a PNG, JPG or WebP image onto the upload area, or click it to browse.
2. Click or tap the point you want to sample; the centre pixel is shown first.
3. Use the magnified 11 × 11 view to check you are on the right pixel, then nudge it with the arrow keys (Shift + arrow moves 10 px).
4. Or type exact X and Y values and press Apply.
5. Copy the HEX, RGB, HSL or CSS colour, or download a text summary that includes your recent colours.

• Exact pixel sampling at the image’s full resolution, even when the preview is scaled
• HEX (with alpha digits when needed), RGB, HSL, HSV, alpha and CSS colour
• Magnified 11 × 11 pixel preview with the selected pixel outlined
• Arrow-key movement by 1 px, Shift + arrow by 10 px, clamped to the image edges
• Manual X/Y coordinate entry
• Recent colours for this page only — never saved
• Signature and structure checks that reject renamed, SVG, GIF, PDF and damaged files

• Sample PNG or WebP originals when you need exact brand colours — JPEG compression shifts colours slightly.
• Check the magnified view: anti-aliased edges often contain blended colours.
• For transparent areas, read the alpha value as well as the RGB values.
• Remember that values are not colour-managed, so they can differ slightly from professional editors.