How it works
The image is scaled down and its pixels are grouped with k-means clustering, which finds the colors that best represent the whole image — not just the most frequent single pixel. Each swatch shows how much of the image it covers, so your main brand color comes first.
Using the contrast checker
- 4.5:1 or more — normal body text passes WCAG AA.
- 3:1 or more — large headings and UI elements pass AA.
- 7:1 or more — body text passes the stricter AAA level.
Frequently asked questions
Is my logo uploaded?
No. The image is read and analysed in your browser and never sent anywhere.
Why does my palette include a background color?
If the image has a large white or colored background, it's part of the image's colors. Use a logo with a transparent background (PNG/SVG) — transparent pixels are ignored.