Color Palette from Image
Choose an image and the tool finds its main colours, ordered by how much of the picture they cover, with HEX codes you can copy one by one or as CSS variables.
Choose an image to extract its dominant colours.
About this tool
Building a colour scheme from a photo, a brand logo or a screenshot of a site you like is one of the fastest ways to start a design. The extractor uses median-cut quantisation: it repeatedly splits the image's colours along their widest axis until the requested number of groups remains, then averages each group. The result is a balanced palette rather than just the most frequent pixels.
Choose between 4 and 16 colours. The share percentage tells you how dominant each colour is, which helps decide what becomes a background and what becomes an accent. Transparent pixels are ignored so logos on transparent backgrounds work well.
Frequently asked questions
- Why are the colours slightly different from what I see?
- Each swatch is the average of a group of similar pixels. Increase the colour count for a finer split, or use the Color Converter to fine-tune a value.
- Can I use this for a website theme?
- Yes. Copy the CSS block; it declares custom properties --color-1 to --color-n that you can drop into a stylesheet.
- Is the full-size image analysed?
- A downscaled copy (200 px on the long side) is analysed for speed. That is plenty for finding dominant colours.