Image Color Extractor

Upload an image to extract its dominant colors and create a color palette instantly.

Drop an image here or click to upload

Supports JPEG, PNG, WebP, GIF, BMP, SVG — max 50 MB

or paste from clipboard (Ctrl+V)

FAQ

Is my image uploaded to a server?

No. All processing happens entirely in your browser using the HTML5 Canvas API. Your image never leaves your device.

How does color extraction work?

The tool uses the Median Cut algorithm to analyze every pixel in your image and group similar colors together. It then calculates the average color of each group to produce the palette.

What do the proportions mean?

The proportion percentage shows how much of the image each color represents. A color at 30% covers roughly a third of the image area.

Can I pick a specific pixel color?

Yes. Enable the Eyedropper tool, then click anywhere on the image to pick that exact pixel's color. You can add picked colors to your palette.

What export formats are available?

You can copy the palette as CSS custom properties, a JSON array, or a Tailwind CSS config snippet. You can also download the palette as a PNG swatch image.

Why are white and black excluded?

Near-white and near-black pixels are often backgrounds or shadows that don't represent the image's meaningful colors. You can toggle this option off to include them.