Match a color you saw in an image
Click a screenshot, logo, or photo to get the exact hex and RGB value at that pixel.
Tools used in this guide
The job
You saw a color — a site's brand blue, a chart's highlight, a shade in a photo — and need the actual code, not a guess from the color wheel. The picker reads the pixel under your click at the file's own resolution.
How to do it
Drop or choose a PNG, JPG, or WebP. Click the point you want; the picked swatch, hex, RGB, and pixel position appear and stack as a short history. Copy the hex with one click, or feed it to the color code converter for HSL or CSS formats.
Worked example
A client sends a screenshot of their current site. You load it, click the header's solid area, and get #1f6f9c. That goes straight into the stylesheet or into the contrast checker against your text color.
Limits
The value is the file's stored sRGB pixel — a color-profiled or HDR source can display differently from its stored values. Antialiased edges and JPEG artifacts blend colors, so click inside solid regions, not on boundaries. In photos, neighboring pixels differ constantly; sample a few points and take the middle.