Image toolLiveRuns on your device
Color Palette from Image
Extract a color palette from an image — the dominant colors with HEX, RGB and HSL values and how much of the image each covers, ready to copy or export as CSS variables.
How to use
Color Palette from Image in three steps
- 01
Drop, paste or browse for an image.
- 02
Choose how many colors to extract.
- 03
Copy any color or export the whole palette.
FAQ
Good to know
The image is sampled and similar colors are grouped together (k-means clustering). Each swatch shows how much of the image it covers.
Yes. Click anywhere on the image to read the exact color at that point.
No. The tool runs inside this browser tab. Your input is processed in memory on your device and is gone when you close the tab.
Related
More image tools
- Live
Image Compressor
Shrink JPG, PNG and WebP images with a live before/after preview.
Image - Live
Image Resizer & Converter
Resize by pixels or percent, and convert between PNG, JPG and WebP.
Image - Live
Crop Image
Crop to any size, or a preset ratio like 1:1 or 16:9.
Image - Live
Rotate & Flip Image
Rotate images by 90° steps and mirror them horizontally or vertically.
Image