Why doesn’t the color match my design tool?

Color profiles are not applied. You get the decoded RGB the browser paints, which is enough for most web work.

Can I pick from a screenshot of a UI?

Yes. PNG screenshots work. Click the preview, then copy hex into CSS.

Image Color Picker — Hex and RGB from a Pixel

Drop an image

Click the preview to sample a pixel.

Choose file

Pick a pixel color from a photo

Click the preview. The lab reads that pixel from an in-memory canvas and shows hex plus RGB. Dimensions are the dimension checker. A black-and-white version is grayscale image.

Image color picker FAQ

Why doesn’t the color match my design tool?: Color profiles are not applied. You get the decoded RGB the browser paints, which is enough for most web work.
Can I pick from a screenshot of a UI?: Yes. PNG screenshots work. Click the preview, then copy hex into CSS.

Related image tools

Image resizer

Resize by pixels, percent, or longest side. JPEG, PNG, or WebP out.

JPG compressor

Shrink JPEGs with a quality slider. Stays in your browser.

PNG compressor

Reduce PNG size by scaling or converting to WebP or JPG.