Free Image Color Palette Generator

Pull the main colors out of any photo and copy each one as a HEX code with a click.

Loading the editor…

How to use this tool

Matching a post, thumbnail or brand kit to a photo is easier when you know its actual colors. This tool samples your image, groups similar shades and lists the most common ones as HEX swatches you can copy. It helps creators, social media managers and designers build on-brand palettes without an eyedropper.

  1. 01

    Upload a photo or graphic

    Click Choose files and pick a JPG, PNG, WebP or AVIF image. Add several images to get a separate palette for each one.

  2. 02

    Pick how many colors

    Set Number of colors from 2 to 12. Swatches are ordered from most to least common, so 5 is a good start for a main palette.

  3. 03

    Copy the HEX codes

    The swatches update as you change the count; click the copy button next to any swatch to paste its HEX value into Canva, Figma, CSS or another tool.

Ways to use an image palette

• Match captions, stickers and text overlays to a photo • Build a brand palette from a product shot or logo • Keep a carousel or highlight covers in one color family • Pick a border or background color that suits the photo

How the colors are picked

• The image is scaled down to 100 × 100 pixels for sampling • Each pixel is rounded into a group of similar shades • Groups are ranked by how many pixels they cover • Mostly transparent pixels are ignored • Number of colors accepts 2–12; values outside that range are adjusted

Tips for picking usable colors

• HEX codes are rounded group colors, not exact pixel samples • For one exact spot color, use the eyedropper in your design app • Check contrast before using two swatches as text and background • Crop the photo first if you only want colors from one area

Frequently asked questions

What is an image color palette generator?

It’s a tool that reads the pixels in an image and returns a set of its main colors. This one samples your picture in the browser, groups similar shades and shows the 2–12 most common colors as swatches with copyable HEX codes.

How do I extract colors from an image?

1. Click Choose files and pick your image. 2. Set Number of colors to the swatch count you want. 3. Check the swatches in the live result. 4. Click the copy button beside a swatch to copy its HEX code.

Are the HEX codes exact colors from my photo?

They’re close, not pixel-exact. Each swatch stands for a group of similar shades rounded to a nearby value, so a dark teal may appear as #204040. For a precise brand color, confirm it with an eyedropper in your design tool.

Why are some swatches similar to each other?

Edges, shadows and gradients create in-between shades that can cover enough pixels to rank. Lower the number of colors to keep only the strongest groups, or crop away busy areas first.

Can I pick a color by clicking on the image?

No, this tool has no eyedropper. It ranks colors automatically across the whole image. To focus on one region, crop the image first and run the palette on that crop.

Is it free to use?

Yes. There’s no signup, no limit on palettes and no watermark. Copy as many HEX codes as you need for your brand kit or your next post.

Is my image uploaded?

No. The image is sampled on a canvas inside your browser and the colors are calculated on your device. Nothing is sent to SocQ for analysis.

What formats and sizes can I use?

JPG, PNG, WebP and AVIF files up to 30 MB and 40 megapixels each. Because sampling happens on a 100 × 100 copy, the color analysis itself stays light even for large photos.

Can I export the palette as a file?

There’s no palette file export such as ASE or CSS, so copy the HEX codes from the swatches instead. The Download button saves a copy of the result image (JPG stays JPG, other formats save as PNG), not a swatch sheet.

How many colors should a social media palette have?

Many brands work with a few core colors plus one or two accents. Extract 5 or 6 colors, keep the ones that suit your style, and test text and background pairs for contrast before publishing.

For developers

Combine your visual palette with public social data

Use SocQ APIs to collect public posts, profiles and comments from Instagram, TikTok, YouTube and LinkedIn, and review public reactions to on-brand visuals alongside your palette work.

View all tools