Color Palette From Image

Extract up to five representative colors from a photo or graphic. Copy individual HEX codes or the whole palette.

Open an image

JPG, PNG or WebP · up to 10 MiB and 24 megapixels

Free · processed in your browser

Opening image…

Your preview will appear here.

Turn the extracted colors into design choices

Start with a broad neutral from the photo for a background. Use one of the stronger colors for links, labels or small accents.

If the background dominates the swatches, crop around the subject and load the crop. The palette then reflects the region you care about.

Colors that look good together in a photo may have low text contrast. Check the final foreground and background pairing before publishing.

Open an image
Choose a photo, graphic or screenshot, or start with the sample.
Review the swatches
The tool groups similar visible colors and shows up to five representative HEX values.
Copy the colors
Select a swatch to copy its code, or use Copy palette for the full set.

How are the colors chosen?

The tool samples a smaller copy of the image, groups similar colors and favors the groups with more visible pixels.

Why did I get fewer than five colors?

A simple graphic or near-monochrome image may contain fewer than five distinct sampled colors.

Can I copy just one HEX value?

Yes. Select its swatch to copy that code, or use Copy palette for all codes.

Does it count transparent pixels?

Pixels below 50% opacity are skipped when choosing the palette.

How do I get the exact value of one pixel?

Use the Image Color Picker for a precise point. The palette groups related pixels and shows representative colors.

Can I use it on a screenshot?

Yes. Use a PNG, JPG or WebP screenshot and crop around the area you want to sample.

What images can I open?

Choose a JPG, PNG or WebP up to 10 MiB and 24 megapixels.

Where is my image processed?

The tool processes your image in this browser. Your selected file stays on your device.