Color Palette Extractor
Extract dominant color swatches and frequency percentages from any image using client-side canvas color quantization.
Click to select image or drag and drop here
Extract dominant HEX and RGB color swatches directly from photos and artwork.
How to use Color Palette Extractor
- Upload or drop a photo or illustration.
- Review the extracted dominant color swatches with percentage shares.
- Click any swatch to copy its HEX or RGB color code.
About Color Palette Extractor
Pull the main colors out of any photo or illustration. Upload an image and get its eight most common colors with HEX and RGB codes and the share of the image each one covers. Click any swatch to copy its code.
Related tools: Compress Image, Resize Image, Convert Image, Crop & Rotate Image
How colors are picked
The image is scaled down and similar shades are grouped together, so tiny variations from lighting and compression do not produce dozens of near-identical colors. The colors covering the most area are listed first, with their percentage share.
Transparent pixels are ignored, so a logo on a transparent background is analyzed by its visible colors only.
Using the palette
The most common color is often a background, so the accent you are looking for may be further down the list. For an exact color at a specific spot, use the Image Color Picker instead.
Copy the HEX codes into your design tool or CSS to build a theme that matches a photo, a brand image, or a mood board.
Common uses
- Brand matching
- Find the colors in a logo or product photo.
- Web design
- Build a page theme that matches a hero image.
- Presentations
- Pick slide colors that suit your photos.
- Art and interiors
- Pull a color scheme from a painting or room photo.
Questions about Color Palette Extractor
- How are dominant colors calculated?
- The tool samples image pixel data using color quantization algorithms in your browser.
- Why are the colors slightly different from the original?
- Similar shades are grouped and averaged, so each swatch represents a range of close colors rather than one exact pixel.
- Can I get more than eight colors?
- Not currently. Eight covers the dominant colors of most images.
- Can I copy the colors as CSS?
- Click a swatch to copy its HEX code, then use it in your CSS or design tool.
- Is my image uploaded?
- No. Colors are extracted in your browser.
Comments
Questions, ideas, or a bug in Color Palette Extractor? Let us know.