Free Color Palette Extractor

Drop a JPG, PNG or WebP image on this page. The editor opens and shows a 6-color palette as soon as the image loads. Change the count under Palette Size, then click a swatch to copy its code.

Upload the image and leave Color Format on HEX, the default. Each swatch shows a six-digit code such as #3a7bd5. Click a swatch to copy that code, or press Copy all as CSS variables to copy every code at once.

You can pick 4, 6, 8 or 12 colors, and 6 is the default. Four suits a simple brand palette. Larger counts show more swatches, but a big area such as a sky often fills several of them with close shades.

It uses median cut. A copy of the image is scaled to 256 pixels on its longest side, and its pixels are split into equal groups by their red, green and blue values. Each swatch averages one group, so it can be a blend no single pixel has. With 6 or 12 colors, the lightest groups are left out.

Yes. The CSS Variables box lists your colors inside a :root block, named --color-1, --color-2 and so on, in the format you picked. Click Copy all as CSS variables and paste it into a stylesheet. The code goes to your clipboard; there is no file download.

Not directly. The uploader takes JPG, PNG and WebP only, and turns away HEIC, GIF, AVIF, SVG and TIFF files. For a HEIC or TIFF photo, convert it to PNG first with the free Image Converter, then drop the PNG here to get its palette.

Yes. Pixels that are more than half transparent are skipped, so a logo's empty background doesn't add black or white swatches. If an image is almost fully transparent, no swatches appear at all, so try a copy of the logo on a solid fill.

Two things can hide a color. Each swatch averages an equal share of the pixels, so a small accent blends into its neighbors. At 6 and 12 colors, the tool also drops the last groups, which often hold the lightest pixels, so white areas can go missing. Pick 4 or 8 to cover every pixel.

Not with this tool. It builds a palette for the whole image and has no eyedropper for one pixel. To sample a small area, crop the image down to that spot first, and the palette will come only from what is left.

Not directly. The tool reads image files, not web addresses. Take a screenshot of the website, save it as a PNG, and drop it here to get the page's main colors as HEX, RGB or HSL codes.

Yes. It is free, needs no sign-up and has no daily limit. Your picture is read inside the browser and is never sent to our servers. We record anonymous stats such as the palette size and the time taken, never the image or its colors.