한국어
Home › Image › Color Palette Extractor

Color Palette Extractor

Find the most used colors in a photo and show them as a palette, or click any spot to pick its color. Copy HEX and RGB codes, CSS variables, or save the palette as an image.

Drop a photo here or pasteJPG, PNG, WEBP, HEIC
Choose file

Add an image to extract its main colors automatically. Click the image to pick the color at that spot.

Palette

No colors yet.

How to use

1Add an imageUpload a photo or design you want to take colors from.
2Review the paletteChange the number of colors and the sort order, and click the image to pick exact colors.
3Copy or saveClick a color to copy its HEX code, or export CSS variables or a palette image.

When it helps

When you want to bring the colors of a photo or poster into your own design, picking similar colors by eye rarely matches. Pulling the colors that are actually used in the image gives you exact values for thumbnails, slides or brand colors.

This tool groups similar pixels together (k-means clustering) to find the main colors and shows how much of the image each color covers. Changing the number of colors lets you see everything from the broad mood colors to small accent colors.

You can also click the image like an eyedropper to pick the color at a specific point. Copy the colors as CSS variables for web work, or save the palette as an image to share with your team.

FAQ

The colors change slightly each time.

The main colors are calculated from a sample of pixels, so results can differ a little between runs. If you need one exact color, click that spot in the image.

Are transparent areas counted?

No. Nearly transparent pixels are left out of the calculation.

Is my image uploaded to a server?

No. All color calculations happen inside your browser.

What format are the CSS variables?

They are copied as :root { --color-1: #aabbcc; }, ready to paste into a stylesheet.

Does it work with large photos?

Yes. The image is scaled down for the calculation, so even large photos are processed quickly.