How does color extraction work?

The tool downsamples the image and uses the median cut algorithm to find the most representative colors. This produces a palette that reflects the dominant hues in the image.

What export formats are available?

You can export the palette as a JSON array, CSS custom properties (variables), or a Tailwind CSS config snippet ready to paste into your tailwind.config.js.

Color Extractor

Extract the dominant color palette from any image. Get hex, RGB, and HSL values. Export as JSON, CSS variables, or a Tailwind config snippet.

Your data never leaves your device

Drop image here or click to upload

Frequently Asked Questions

How does color extraction work?

The tool downsamples the image and uses the median cut algorithm to find the most representative colors. This produces a palette that reflects the dominant hues in the image.
What export formats are available?

You can export the palette as a JSON array, CSS custom properties (variables), or a Tailwind CSS config snippet ready to paste into your tailwind.config.js.