Image Colour Palette Extractor
Extract frequently occurring image colours as swatches and CSS variables.
Bookmark this page
Keep this page handy for next time.
- On a computer
- Press Ctrl + D, or Command + D on a Mac.
- On a phone or tablet
- Open your browser's menu or Share menu and look for Add Bookmark, Bookmark or Add to favourites.
A bookmark saves the page link. Save any tool results separately.
How to use this tool
- Choose the local file you want to use for image colour palette extractor.
- Adjust the labelled settings, then run the tool. Extract frequently occurring image colours as swatches and CSS variables.
- Review the result before copying or downloading it. Clear the tool when finished.
Things to know
- Static PNG, JPEG and WebP only, except tools explicitly accepting SVG. Maximum 50 files, 200 MiB combined, 25 MiB per image, 25 million input pixels, 32768 input pixels per side and 16 million output pixels. Composing several images is limited to 32 million decoded pixels combined. ZIP exports are limited to 64 MiB of output before compression. Files stay in this tab.
You might also need
More in images & designImage Colour Adjustments
Adjust brightness, contrast, saturation or grayscale and export the pixels.
Colour Format Converter
Convert a CSS colour to HEX, RGB, HSL and OKLCH.
Colour Contrast Checker
Calculate contrast and show WCAG AA and AAA text thresholds.
CSS Gradient Generator
Preview a two-colour linear gradient and copy its CSS.
Remove image background
Automatically detect and remove a plain background colour, choose a colour yourself, or cut out a person. Download a transparent PNG.
Image Resizer
Resize images to an exact width or fit them within a box, with a batch download.
Image Compressor
Re-encode an image and compare the actual file size with the original.
Compress image to a file size
Make a JPEG or WebP that fits a target file size, with quality and dimension adjustments.
CSS Easing Curve Generator
Preview a cubic-bezier curve and export the CSS timing function.