Extract colour palette from image
Finds the dominant colours of an image and returns them as CSS custom properties with their share.
Runs in your browser – your file is never uploaded
Frequently asked questions
Is my file uploaded?
No. The conversion runs entirely in your browser. The file never leaves your device – there is no server that could see it. Once the page has loaded, the tool even works offline.
How are the colours chosen?
The image is reduced to a small thumbnail and its pixels are grouped into colour bins. The fullest bins become the palette, skipping bins too close to a colour already chosen so you get distinct colours instead of six shades of one. Transparent pixels are ignored.
What does the CSS file look like?
A :root block with --color-1 … --color-n as hex values, each followed by a comment with the share of pixels it represents, ordered from most to least frequent. Paste it into your style sheet or copy the hex values from it.
Can I process several images at once?
Yes. Drop as many files as you like; they are processed one after another with the same settings and you can download everything as a ZIP. Each file is handled separately, so one broken file does not stop the rest.
Related tools
Adjust brightness, contrast and saturation
Brightens, darkens, adds contrast or colour intensity – three sliders, applied to many images at once.
● In your browser
Blur image
Applies a Gaussian blur of adjustable strength – for backgrounds, placeholders or hiding detail.
● In your browser
Sharpen image
Makes soft photos crisper with unsharp masking – strength adjustable, flat areas stay clean.
● In your browser
Convert image to grayscale
Turns colour images into black and white with correct luminance weighting.
● In your browser
Sepia effect
Gives photos a warm, old-fashioned brown tone – the classic sepia look.
● In your browser
Invert colours
Creates the negative: every colour becomes its opposite, transparency stays as it is.
● In your browser