CSS Palette Export
Export extracted colors as :root CSS variables with one click.
Drop an image here
or click to browse (JPG, PNG, WebP)
📋
How to use this tool
1
1. Enter your input
Type, paste or drop your file above.
2
2. Run in browser
Your files never leave your device.
3
3. Download result
Save or copy instantly, no sign-up.
CSS Palette Export — drop any image and get the dominant HEX, RGB and HSL colors with one click. Free and private.
formula
Canvas downscale → 4-bit bucket quantization → frequency rankingHow many colors? +
Choose 3 to 8 dominant colors with the slider.
How does extraction work? +
This tool downscales your image in a canvas, buckets similar pixels and ranks the most frequent colors — all locally.
Which formats can I copy? +
Every swatch offers HEX, rgb() and hsl() values. Click any value to copy, or export all as CSS variables.
Is my image private? +
Yes. The file never leaves your device; pixels are read via canvas in your own browser.