How does the color extraction work?

The tool uses a median-cut algorithm, which divides the image's color space into progressively smaller sections and averages the pixels in each section. This produces colors that represent the actual distribution of tones in the image.

What image formats are supported?

The tool works with JPG, PNG, WebP, AVIF, BMP, GIF, and most other image formats your browser can display. Transparent PNG areas are excluded from the analysis.

What does the percentage column mean?

The percentage shows how much of the image's visible pixel area falls into that color bucket. A color with 35% is visually dominant, while a color at 5% is a minor accent.

Can I download the palette?

Yes. Click Download Swatch PNG to save a labeled swatch sheet showing all extracted colors with their hex codes. You can also copy all colors as CSS custom properties with one click.

Are my images uploaded to a server?

No. All processing runs locally in your browser using the HTML5 Canvas API. Your images never leave your device.

Images Tool Box

Utilities

Extract Color Palette from Image Online Free

Upload any photo and extract its dominant colors instantly using a median-cut algorithm. Get up to 16 colors with hex codes, RGB values, HSL values, and how much of the image each color covers. Download a swatch PNG or copy CSS variables.