Image Colour Palette Extractor

Extract a color palette from any image with HEX codes — free image color picker.

Image

Click a swatch to copy its HEX code.

About

About the Image Colour Palette Extractor

Pulls an image's most dominant colors into a palette of 2 to 12 swatches, each with its HEX code.

Designers use it to pull a brand or mood palette straight out of a photo or reference image, while developers use it to grab exact HEX codes for a theme without eyeballing them in an editor. It's one of many free designer tools on Toolapt, and like every tool here, it's free to use with no sign-up and no limit on how many times you run it.

Choose what to view about this tool

Guide

Using the Image Colour Palette Extractor

  1. 1

    Step 1

    Click to upload or drag and drop an image.

  2. 2

    Step 2

    Choose how many colors to extract, from 2 to 12.

  3. 3

    Step 3

    Click "Extract palette" to see the resulting swatches and their HEX codes.

  • Extracts anywhere from 2 to 12 dominant colors, so you control how detailed the palette is
  • Shows each swatch's exact HEX code so you can paste it straight into a design tool or stylesheet
  • Analyzes the whole image, not just a single sampled pixel
  • Works entirely in your browser using the Canvas API — no installs and no sign-up
  • Free to use, with no limit on how many times you run it
  • Fully responsive, so it works just as well on a phone as on a desktop

Designers

Designers use the Image Palette Extractor for pulling a color scheme straight out of a photo, mood board or reference image.

Web developers

Web developers use the Image Palette Extractor for grabbing exact HEX codes to build a theme that matches a hero image or logo.

Brand and marketing teams

Brand and marketing teams use the Image Palette Extractor for checking which colors dominate a photo before pairing it with on-brand text or graphics.

Artists and illustrators

Artists and illustrators use the Image Palette Extractor for building a working palette from a reference photo before starting a piece.

Examples

Image Colour Palette Extractor examples

2 worked examples

01

Sunset photo, 5 swatches

Upload a sunset photo with Number of colours set to 5 to get #9A474D, #F59144, #59202A, #2F1526 and #0B0207 — the glowing orange sky, the warm reds and the dark water and rocks. Click any swatch to copy its HEX code.

02

Two-tone logo, 3 swatches

Upload a blue logo with dark text on a white background with Number of colours set to 3 to get #386FCA, #ACC0E1 and #FFFFFF. With so few swatches, a small dark text colour can be merged into a nearby group rather than getting its own swatch — raise the number to pick it out.

FAQ

Frequently asked questions

Quick answers to common questions about the Image Colour Palette Extractor.

What does the Image Palette Extractor do?

It analyzes an image and extracts its most dominant colors as a palette, showing each one's HEX code.

Is the Image Palette Extractor free to use?

Yes. It's free, with no sign-up, no watermark and no limit on how many times you use it.

Is my image safe when I use this tool?

Yes. The image is analyzed entirely on your own device using your browser's built-in Canvas API — nothing is uploaded to a server.

How many colors can I extract?

Choose anywhere from 2 to 12. Fewer colors gives you the broadest, most dominant tones; more colors captures finer detail in the image.

How are the dominant colors chosen?

The tool samples the image's pixels and groups similar colors together, then picks the most common groups as the palette — so a large solid-colored area contributes more than a few scattered pixels of another shade.

Can I copy a color's HEX code?

Yes. Each swatch shows its HEX code directly, ready to select and copy into a design tool, CSS file or anywhere else you need it.

Can I use the Image Palette Extractor on my phone?

Yes. The page is fully responsive and works on mobile, tablet and desktop browsers alike.

Does the Image Palette Extractor have any limitations?

It extracts the statistically dominant colors in an image; it won't necessarily surface a rare accent color that appears in only a tiny part of the photo.

Still have a question? Contact us

Report a problem

Image Colour Palette Extractor

What went wrong?
    or paste a screenshot