Color Palette Extractor
Extract the main colours from any image as HEX, RGB and HSL palettes. Copy codes or export CSS variables. Private and free in browser.
Drop a photo, logo or design
You can also paste with Ctrl + V
Files stay on your device — nothing is uploaded.
Ad space · responsive
How to use Color Palette Extractor
- Upload a photo, logo or screenshot.
- Choose how many colours you want; the main colours appear with their share of the image.
- Copy any colour, click the image to pick a pixel, or copy the palette as CSS, Tailwind, SCSS or JSON.
Good to know
- Your images are processed in your browser and never uploaded.
Privacy
Runs entirely in your browser. Nothing you enter or open here is uploaded.
Questions
How are the colours chosen?
The image's pixels are grouped into clusters of similar colours (k-means), and each cluster's average colour becomes a swatch. The percentage is how much of the image it covers.