How do I use the colour palette from image?
- Choose an image or logo.
- Pick how many colours you want.
- Copy the HEX codes or the CSS variables.
Colour palette from image: frequently asked questions
How are the colours chosen?
Pixels are grouped into similar colours, and the most common distinct groups are returned with their share of the image.
Can I get my brand colours from my logo?
Yes. Use a clean PNG or SVG export of the logo for the most accurate result.
Are transparent pixels counted?
No. Transparent areas are ignored.
Is my image uploaded?
No. Everything happens in your browser.
How many colours should a brand palette have?
Usually two or three main colours plus neutrals for text and backgrounds.
Why is a colour slightly off?
Colours are averaged within each group, and photos contain lighting and compression noise.
Can I convert HEX to RGB or HSL?
Yes, with our colour converter.
Are the colours accessible?
Check any text and background pair with our contrast checker to meet WCAG.
Can I use the output in Figma or CSS?
Yes. Values are standard HEX, RGB, HSL and CSS that work in Figma, CSS and most design tools.
Is the colour palette from image free?
Yes. It is free with no sign-up and no usage limits for normal use.