Stillmore

Free Photo Colour Palette Extractor

Choose a photo to see up to five dominant colours. Select a swatch to copy its hex code.

Drop an image hereor browse your device

Which colours take up the most space?

The rose backdrop fills much of this still life. Its largest colour group, #D27C7B, covers about 13% of the sampled image.

Try the product photo above to copy its swatches. To build a palette around the small teal jar, crop a copy of the photo around it first.

Burgundy and teal jars beside a lavender carton on an apricot plinth
#D27C7B13%#CD77769%#E28D8B8%#DB86856%#C8A5C85%

How to get hex codes from a photo

  1. Choose a representative shot

    Use the lighting you want for the campaign. A warm shop window and a cool studio lamp give the same jar different colours.

  2. Read the swatches

    The tool groups similar pixels and shows up to five of the largest groups. The percentage shows how much of the sampled photo each group occupies.

  3. Copy a colour

    Click a swatch to copy its hex value, then paste it into a design or a creative brief.

Put your product colours to work

Choose a colour for a particular job. A dominant shade can make a backdrop while a smaller accent draws attention to the product.

Brief a product shoot

Send the photographer your reference photo with two hex values. Specify which shade is for the backdrop and which should guide the lighting.

Design a launch card

Take a muted shade from the packaging for the background. Test a darker or lighter swatch for the headline before sharing the card.

Match a set of posts

Sample one hero photo and reuse its chosen background shade on the next three product cards so the series looks consistent.

Choose a store display accent

Sample a shelf photo before ordering printed signs. Compare the screen colour with a physical swatch under the store lights.

Photo colour palette FAQ

Why is the gold stripe on my packaging missing?

The extractor ranks colours by the area they cover. A thin gold stripe can occupy fewer pixels than the wall behind it. Crop a copy around the stripe and sample it again.

Why do the percentages add up to less than 100%?

Only the largest colour groups are displayed. Other shades still occupy part of the image, and the displayed percentages are rounded.

Why do I see several similar pinks?

Highlights and shadows can place pixels from the same product into different groups. Choose the midtone swatch for a reference to its main surface.

Does a swatch match my official brand colour?

A swatch represents what the camera captured under that lighting. For an exact brand match, use the colour in your brand guide. To read a particular pixel in a photo, use an eyedropper.

How do I copy a colour for my design?

Select a swatch to copy its six-digit HEX code. Paste the code into the colour field for your background, text or shape.

Will a transparent background count as a colour?

Fully transparent pixels contribute no weight. Partly transparent pixels count in proportion to their opacity.

Can I extract the colour of one particular object?

Crop a copy of your photo around that object, then load the crop. The extractor ranks colours across the whole selected image.