← Zaps Colors

Color
Palette
Extractor

The simplest way to pull colors from any photo. Upload an image and get a five-color palette in seconds.

Uploaded image for color extraction

Drop your image here or click to browse

Palette appears here

How to get a color palette from an image

Upload a JPEG or PNG, or drag one onto the page. The tool finds the five dominant colors in the photo and shows each as a swatch with its hex code and the nearest color name. Click a swatch to copy its hex code, or click Copy palette to copy all five at once.

  1. Click Upload an image, or drop a JPEG or PNG onto the preview area.
  2. Wait a moment while the tool reads the pixels.
  3. Click any swatch to copy its hex code, such as #2A9D8F.
  4. Click Copy palette to copy all five codes as a comma-separated list.

How the colors are picked

The extractor uses Color Thief, an open-source library that groups similar pixels and returns the colors that cover the most of the image. A small detail in a bright color can be left out because it covers too few pixels. To get the colors of one area, like a logo or a product, crop the photo to that area before you upload it.

What to do with the palette

Paste the hex codes into the color palette generator to lock them, add more colors, and export CSS variables or a Tailwind config. Check that text stays readable on each color with the contrast checker, or build lighter and darker steps of one color with the tint and shade generator. To swap the colors of the photo itself, use image recolor.

Color palette from image FAQ

Is my image uploaded to a server?

No. The image is read and analyzed in your browser with an HTML canvas, and it never leaves your device. Closing the tab discards it, so the tool is safe to use with unreleased product shots or client photos.

Which image formats work?

JPEG and PNG. For a screenshot in another format, save it as a PNG first, then upload it or drag it onto the page.

How many colors does the tool extract?

Five. They are the dominant colors in the image, each shown with a hex code and the nearest common color name, such as Coral, Navy, or Sage.

How do I get the colors of one part of an image?

Crop the image to that area before you upload it. The extractor reads every pixel in the file, so a tight crop of a logo or a product returns its colors instead of the background's.

Is the color extractor free?

Yes. There is no account to create and no limit on how many images you process.

Put these colors to work

Pick a Zaps template for your next post, story or reel, add your photos and match it to your palette.