Private in-browser color tool

Image Color Extractor

Upload an image to generate its dominant color palette, or click anywhere on the preview to pick an exact color.

No image uploadClick to sample a pixelHEX, RGB, and HSL

Drop an image here

JPG, PNG, WebP, AVIF, GIF, BMP · up to 50.0 MB

Local processing · No sign-up · No watermark

Your image stays on your device

Color analysis runs locally with the browser Canvas API. Your original and extracted colors are never sent to a server.

Local processing · No sign-up · No watermark

How it works

Build an image palette in three steps

Find reusable colors in photos, screenshots, and design mockups for brand work, web design, illustration, photo analysis, and social assets.

  1. 01

    Add an image

    Choose or drop a common image file. Your browser reads it locally.

  2. 02

    Explore the colors

    Build a 5, 8, or 12-color palette, or click the image to sample one pixel.

  3. 03

    Copy or export

    Choose HEX, RGB, or HSL, copy the palette, or download CSS variables.

FAQ

Frequently asked questions

Is my image uploaded to a server?

No. Image decoding, pixel sampling, color clustering, and exact picking all happen in this browser.

Why can a dominant color differ slightly from the image?

The palette groups similar pixels into representative colors. Click the image when you need the exact value of one pixel.

Does it support transparent PNG files?

Yes. Fully transparent pixels are ignored; visible and partially transparent areas take part in the analysis.

How can I use the colors in a design or codebase?

Copy individual HEX, RGB, or HSL values, copy the full palette, or download CSS custom properties.

Related tools

Continue your image workflow

Formats

Supported image formats

Common still-image formats work directly. GIF files are analyzed from the first frame; fully transparent PNG pixels are ignored.

JPGJPEGPNGWebPAVIFGIFBMP

Use cases

Common use cases

  • Find brand or theme colors from a photo
  • Create a palette reference for web, app, or poster design
  • Grab an exact HEX value from a screenshot
  • Check dominant color balance in a mockup

Keep exploring

Related tools and guides