Color Palette Extractor
Extract dominant colors from any image. Get HEX, RGB, and HSL values with one-click copy, CSS gradients, and exportable palettes.
All processing happens in your browser. Your images never leave your device.
Drop an image here or click to browse
JPG, PNG, WebP, GIF up to 20MB
How to Use
- 1
Upload an image (JPG, PNG, WebP)
- 2
Adjust the number of colors to extract (3-12)
- 3
View extracted color swatches with values
- 4
Click any color value to copy it
- 5
Export palette as image or CSS variables
Key Benefits
100% Private
Color extraction happens in your browser. Images never leave your device.
Multiple Formats
Get colors in HEX, RGB, and HSL formats with one-click copy.
CSS Ready
Generate CSS gradients and CSS custom properties from your palette.
Exportable
Export your color palette as a PNG image for reference.
Frequently Asked Questions
How does color extraction work?
The tool uses k-means clustering to identify the most dominant colors in your image.
How many colors can I extract?
Between 3 and 12 colors. Adjust the slider to find the right number for your needs.
Can I copy color values?
Yes, click any HEX, RGB, or HSL value to copy it to your clipboard.
Is my image uploaded?
No. All processing happens locally in your browser using Canvas API.