Color Palette From Image: Free Generator With HEX Codes

How to get a color palette from an image

• Drop an image into the box, or click it to choose one.
• Pick how many colors you want, from 4 to 12. The palette updates at once.
• Click a swatch to copy its HEX code. Or copy all codes, or copy them as CSS variables.
• Need one exact color? Click that spot on the image. The tool shows its HEX code and copies it.

Nothing leaves your device. Your browser draws the image onto a canvas, groups pixels of near-identical color, and gives you the average color of each group. The percentage under each swatch is how much of the image that group covers.

Use the color names as tags

Buyers search by color. "Blue watercolor flowers", "black and gold wedding invitation", "pink nursery print". Under the palette, the tool lists plain color names for the main colors. Paste them into your tags on Etsy, Redbubble or Adobe Stock.

Only use the names that really fit. If the gray is just the shadow behind the product, leave it out. Our guide to Etsy tags and the Adobe Stock keywords guide show where color words help and where they waste a slot.

What the tool does not do

• It does not read color names from a brand list. The names are simple words like "teal" or "navy", made for search tags. They are not Pantone names.
• Screen colors are not print colors. HEX and RGB are screen colors. A printer turns them into ink, and a bright blue on screen can come out duller on paper.
• Tiny details can get lost. A small red dot in a big green field may not get its own swatch. Pick more colors, or click the dot on the image to get its code.

Common questions about color palettes from images

How do I get the HEX code of a color in an image?

Drop the image into the color palette tool and click the spot you want. The tool shows the HEX and RGB code of that pixel and copies the HEX code for you. The main colors of the whole image are listed as swatches too, each with its HEX code, RGB code and the share of the image it covers.

Is this color palette generator free, and is my image uploaded?

The color palette generator is free and needs no signup. Your image is not uploaded. Your browser reads it, draws it onto a canvas and works out the colors on your own device. You can try as many images as you like.

How does the tool choose the colors?

It lists the different colors in the image and keeps splitting them into groups, always splitting the group with the widest spread of colors. Each swatch is the average color of one group. Because it splits by color and not by area, a small bright accent still gets its own swatch next to a big background. A swatch can be a color you never painted exactly: it is the middle of many near-identical shades.

Can I use the palette in Canva, Procreate or CSS?

Yes. Copy all HEX codes and paste them into a Canva brand kit or a Procreate palette one by one, or use "Copy as CSS" to get ready-made CSS variables for a website. HEX codes work in almost every design app.

Related tools

• Making a repeat pattern in that palette? Test the tile with the seamless pattern checker.
• Check the pixel size against Etsy and stock site minimums with the image resolution checker.
• Need a PNG of your SVG design? Use the SVG to PNG converter.