Image Color Picker

Upload a photo and click any pixel to get its HEX, RGB and HSL color codes — free and instant. Everything runs in your browser, so your image is never uploaded anywhere.

🎨 Drop your image here

or click to browse — JPG, PNG, WebP, GIF, BMP · stays on your device

How to pick a color from an image

  1. Upload your image. Drag and drop a JPG, PNG, WebP, GIF or BMP file into the box above, or click it to browse your device.
  2. Hover and click. Move the cursor over the photo — the magnifier zooms into the pixels under it so you can aim precisely. Click to pick the exact pixel color.
  3. Copy the color codes. The picked color appears as HEX, RGB and HSL with one-click copy buttons, and every pick is saved to a palette you can copy in one go.

About this tool

This free image color picker (also known as an eyedropper tool) reads the exact color value of any pixel in a photo, screenshot, logo or design mockup. It is perfect for matching brand colors from a logo, recreating a shade you saw in a photo, grabbing CSS color codes from a design screenshot, or building a color palette for a new project. The built-in magnifier zooms into the pixels around your cursor so you can hit exactly the pixel you want, and every picked color is collected into a palette below the image. Need the same color in other formats? Paste the code into our Color Converter, or let the Image Color Extractor find the dominant colors automatically.

The whole tool runs locally in your browser using the HTML5 canvas — your image is never uploaded to a server, stored or logged. That makes it safe for unpublished designs, client work and private photos, and it keeps color picking instant even for large high-resolution images.

Frequently asked questions

How accurate are the picked colors?

The tool reads the exact RGBA value of the clicked pixel from the decoded image, so it is pixel-perfect for the file you uploaded. Note that lossy formats like JPEG can slightly shift colors around sharp edges during compression, so a color sampled from a JPEG may differ marginally from the original artwork it was exported from.

What is the difference between HEX, RGB and HSL?

They are three notations for the same color. HEX (e.g. #3a7bd5) is the compact form used in CSS and design tools; RGB lists the red, green and blue channels from 0–255; HSL describes the color by hue (0–360°), saturation and lightness, which makes it easier to reason about lighter or darker variants.

Does it work with transparent pixels?

Yes. If the clicked pixel is semi-transparent (for example in a PNG logo), the tool shows an 8-digit HEX code plus rgba() and hsla() values that include the alpha channel, and the swatch is rendered over a checkerboard so you can see the transparency.

Is my image uploaded to your server?

No. The image is opened directly in your browser and all pixel reading happens on your device. Nothing is transmitted, so the tool even keeps working offline once the page is loaded.