Image color picker

This tool is an eyedropper for images: drop in a photo, screenshot, logo, or design mockup, click any pixel, and it reports that pixel's exact color as both a HEX code (like #2D7FF9) and an RGB triple (like rgb(45, 127, 249)). Each value has its own copy button, so you can grab whichever format your design tool or stylesheet expects.

It is built for sampling a color you can see but do not have the code for — matching a brand color from a logo someone sent you, lifting a shade from a reference photo, recovering a color from a screenshot of a site you cannot inspect, or checking what color a specific pixel actually is rather than what you assume it is. The reading is the literal stored value of the single pixel you clicked.

Because it samples one exact pixel, where you click matters. Image compression — especially JPG — adds subtle noise, so two pixels that look identical can differ by a few values. Click squarely in the middle of a flat area of color, away from edges, gradients, and shadows, to get the representative value rather than a transition pixel.

HEX is the form most used in CSS and design tools; RGB is handy when you need the individual channel numbers or want to add opacity later. Both describe the same color here — pick whichever your workflow uses. This tool reports a fully opaque value; it does not surface an alpha/transparency channel, so for a semi-transparent pixel you are reading its visible color, not its opacity.

Zoom matters for precision. The image is shown scaled to fit, so on a large photo a single on-screen click can land near a pixel boundary. For a pinpoint sample, work from a source where the area you care about is large enough to click confidently, or crop in first. If a color looks slightly off, click a few neighboring pixels and compare — on a compressed image the values will drift a little.

If you need a whole scheme rather than one color, the Color Palette Generator extracts a set of dominant colors from the image at once. Use the picker for a precise single sample, and the palette generator for an at-a-glance set.

Everything runs in your browser. The image is drawn to a canvas on your own device and color values are read locally — on this site, your image is not uploaded to our servers, and it is gone when you close or reload the page. That makes it safe to sample colors from an unreleased design or a private screenshot.

There is nothing to download here; the output is the color value you copy. If the picker reports an unexpected color, the usual reasons are clicking an edge or anti-aliased pixel, JPG compression noise, or the displayed image being scaled. Re-click inside a solid region and the value should settle to what you expect.