Color Picker

Hover over any part of the image to see the color. Click to pick and save it.

Drop your image here

or click to browse

How to Pick a Color from an Image Online

  1. Drag and drop your PNG, JPG or WebP file into the upload area, or click it to browse your device.
  2. Move your cursor over any part of the image — a magnified loupe and the live HEX, RGB and HSL values appear instantly.
  3. Click on the exact pixel you want to sample. It gets added to your picked-colors list for later reference.
  4. Click any HEX, RGB or HSL value to copy it straight to your clipboard.

Frequently Asked Questions

How do I get the exact HEX code of a color in a photo?

Upload the photo, hover over the exact pixel you want, and click it. The HEX value appears next to the live swatch — click it to copy it to your clipboard.

What formats does the color picker support?

It shows HEX (#rrggbb), RGB (rgb(r,g,b)) and HSL (hsl(h,s%,l%)) simultaneously for every color you sample, so you can copy whichever format your design tool or CSS needs.

Why does the magnifier loupe help when picking colors?

The loupe zooms in 4x around your cursor so you can land on the exact pixel you mean, which matters a lot on small details like gradients, text edges or thin lines.

Can I save multiple colors from the same image?

Yes — every color you click gets added to a Picked Colors strip below the image, so you can build a small palette from one photo and copy any of them afterward. For a full automatic palette, try the Color Palette tool.

Is my image uploaded anywhere to pick colors from it?

No. The tool reads pixel data directly from the Canvas API in your browser — your image is never sent to a server.