Color Palette Extractor
Extract the dominant color palette from an image — upload a file or paste a public URL. Choose between 3 and 12 colors. See HEX, RGB, HSL and the percentage share of each color, then export the palette as ready-to-use CSS variables or JSON.
How to use
1
Upload an image or paste a URL
Drop a file, or paste a public image URL.
2
Choose the number of colors
Pick between 3 and 12 colors for the palette.
3
Extract the palette
The tool analyses the image and pulls the dominant colors.
4
Export or copy
Copy HEX, RGB or HSL values, or export the palette as CSS variables or JSON.
6
Upload an image or paste a URL to extract its color palette.
Features
From file or URL
Upload an image or paste a public URL.
3 to 12 colors
Choose the palette size — median-cut quantization with near-duplicate removal.
Multiple formats
See HEX, RGB, HSL and percentage share for every color.
CSS variables and JSON export
Copy ready-to-use CSS variables or JSON for design tools.
Common use cases
- Extract a color scheme from a photo for a design project
- Build a palette from a brand logo
- Generate CSS variables from a moodboard image
- Find dominant colors for a chart theme