Image Palette Extractor
Upload any photo or image and pull out its dominant colors — get hex and RGB values, click to copy, and export the palette as CSS variables.
📷
Drop an image here, or click to choose one
JPG, PNG, GIF or WebP — your image never leaves your browser
Copied to clipboard.
Extracted palette (click a swatch to copy its hex code)
Export as CSS variables
How to use
- Upload an image — drop it on the box above or click to pick a file from your device.
- Choose how many colors to extract (3 to 10). The palette updates right away.
- Click any swatch to copy its hex code, or export the whole palette as CSS variables.
Frequently asked questions
Upload an image and the tool reads its pixels in your browser, groups similar colors together, and shows the most common ones as swatches with hex and RGB values.
Yes. Click any color swatch to copy its hex code to the clipboard instantly — it works on both phones and computers.
Yes. Export the palette as CSS variables, copy it with one click, download it as a .css file, or save a PNG strip of the colors to share with a designer.
No. The image never leaves your device — all color extraction happens locally in your browser using plain JavaScript.