Extract an Image's Color Palette
Get the dominant colors of a photo or logo in HEX and RGB, with their share, and export them as CSS variables.
Processed in your browserFree
Related tools
- Color Converter & Contrast CheckerConvert a color between HEX, RGB, HSL and CMYK, get its shades and check WCAG contrast.
- Compress an imageReduce the file size of your JPG, PNG or WebP photos, one at a time or in batches, while controlling the quality.
- Convert an image (JPG, PNG, WebP)Convert your images to JPG, PNG or WebP, one at a time or in batches, transparency included.
- QR Code GeneratorCreate a QR code for a link, text, Wi-Fi network or contact card, as PNG or SVG.
About this tool
Drop an image to extract its dominant colors (2 to 12): each shade is given in HEX and RGB with its proportion of the image, ready to copy or export as CSS variables for a brand guide, a presentation or a website. The analysis (median-cut quantization followed by k-means) runs in your browser.
How to use this tool
- 1Drop an image.
- 2Adjust the number of colors.
- 3Copy a shade or export the CSS variables.
Limits to know
- Colors are averages of areas: a small but important shade (a small logo) can be absorbed by neighboring colors.
- The image is downscaled to 320 px for analysis: fine details do not affect the palette.
- Accepted formats
- JPEG, PNG, WebP
- Maximum size
- 50 MB
Privacy and file processing
Your file is processed directly in your browser and is never sent to our servers.
Read our privacy policyFrequently asked questions
Colors are averages of areas: a shade covering a small area, even one that is visually important, can be absorbed by neighboring colors. Crop the image to the logo to isolate it.
The image is downscaled to 320 px and grouped into dominant areas: the values are representative, not pixel-exact. For a precise color, use an eyedropper in an image editor.