Image color palette extractor
How to use this tool
Upload a PNG, JPEG, WebP, or AVIF image to extract up to eight approximate dominant colors in your browser, with color values you can copy or download.
Extract representative colors from a selected image. Click a swatch to copy its HEX code, or download a text report containing HEX, RGB, HSL, and CSS variables.
💡 3 Quick Steps to Get Started
Use the file picker to load a PNG, JPEG, WebP, or AVIF image.
The tool automatically displays representative swatches and a HEX/RGB report. The palette does not reproduce every source pixel exactly.
Click a swatch to copy its HEX code, or select Download palette to save image-color-palette.txt with RGB, HSL, and CSS variables.
When it helps
Use it to quickly assemble a color reference from a photo, illustration, or interface screenshot.
How it works
The tool samples the image at no more than 96 × 96 pixels, skips pixels with alpha below 128, quantizes RGB channels, and ranks buckets by frequency and colorfulness to keep up to eight colors.
Worked example
Upload an interior photo, copy the wall and furniture HEX values, or download the text file containing HEX, RGB, HSL, and CSS variables.
Limits and data handling
The image is downsampled and color channels are quantized. Pixels with alpha below 128 are skipped, so gradients, transparent areas, and small color regions can be merged or omitted. Images that cannot be decoded or exceed the limits produce no palette; EXIF and other image metadata are not palette output. There is no separate cancel button while a file is being read, and choosing another file ignores the old result.
The image and extracted values stay in your browser. Decoding, sampling, palette extraction, and text-file generation do not send them to the GoGo Tools backend.
Image color palette extractor guide
Workflow and limits
Use the file picker to load a PNG, JPEG, WebP, or AVIF image.
The tool automatically displays representative swatches and a HEX/RGB report. The palette does not reproduce every source pixel exactly.
Click a swatch to copy its HEX code, or select Download palette to save image-color-palette.txt with RGB, HSL, and CSS variables.
Clipboard copying requires browser permission; check the copied confirmation. Swatch buttons copy HEX only; RGB values are available in the text report.
Lighting, image sampling, and color grouping can affect the palette. Check color combinations and contrast on the intended background before using them in a design.
Feedback
How can we improve this tool?
Send a suggestion or bug report for this tool.
FAQ
Image color palette extractor: Which images can I use?
Use PNG, JPEG, WebP, or AVIF images up to 20 MB and 32 million pixels. The palette count is fixed at up to eight colors and cannot be adjusted.
Image color palette extractor: Which color values are included?
The result shows up to eight approximate dominant colors with copyable HEX values. The downloaded text file also contains RGB, HSL, and CSS variables.
Image color palette extractor: Why can a color be missing?
The image is downsampled and color channels are quantized. Pixels with alpha below 128 are skipped, so gradients, transparent areas, and small color regions can be merged or omitted. Images that cannot be decoded or exceed the limits produce no palette; EXIF and other image metadata are not palette output. There is no separate cancel button while a file is being read, and choosing another file ignores the old result.
Image color palette extractor: Is the image or palette uploaded?
The image and extracted values stay in your browser. Decoding, sampling, palette extraction, and text-file generation do not send them to the GoGo Tools backend.
