Color Palette Extractor
Upload an image and instantly extract its dominant colors. Copy HEX, RGB, HSL values or export as CSS variables.
Drop an image here or click to browse
Supports JPEG, PNG, WebP, BMP, GIF
Why Use Our Color Palette Extractor?
Accurate Extraction
Uses median-cut algorithm to find the most representative colors in your image.
Multiple Formats
Get colors in HEX, RGB, and HSL. One click to copy any value.
CSS Export
Export your palette directly as CSS custom properties for your stylesheets.
How to Extract Colors
Upload any image
Adjust the number of colors
Click any swatch to copy its value
Export as CSS variables
Frequently Asked Questions
How does the color extraction work?
We use the median-cut algorithm to analyze all pixels in your image and group similar colors together. The result is a set of dominant colors that best represent your image's color palette.
What image formats are supported?
You can upload JPEG, PNG, WebP, BMP, and GIF images. The tool works with any image format supported by your browser.
Can I use the extracted colors in my CSS?
Yes! Click 'Export as CSS Variables' to copy a ready-to-use :root CSS block with all extracted colors as custom properties. You can also copy individual colors in HEX, RGB, or HSL format.
How many colors can I extract?
You can extract between 3 and 16 colors from any image. Use the slider to adjust the number. More colors give finer detail, while fewer colors give a simpler, more distinct palette.
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.
What is the percentage shown on each color?
The percentage indicates how much of the image is made up of that color (or similar shades). Higher percentages mean the color is more dominant in the image.