How it works
Screenshot-based palette tools guess colors from pixels, so a soft gradient or a compressed image throws them off. This tool reads the colors the page actually renders with, after its CSS and JavaScript have run, and ranks them by how often they appear. The top few are almost always the background, the text color and the brand color.
Need spacing, type and radii too? See how to extract design tokens from a live website, or browse the gallery for the palettes of famous sites.
Other free tools
FAQ
How do I get the color palette of a website?
Paste the address above. Enrichr loads the page in a real browser and counts the colors used in the rendered page, so colors set by JavaScript and late-loading CSS are included. Click a swatch to copy it, or copy the whole palette as CSS variables.
Why are the colors ranked?
The most frequent colors are usually the background, text and primary brand color. Ranking by frequency separates the core palette from one-off accents.
Is this different from a color picker?
Yes. A color picker samples pixels from a screenshot, which drift with compression and anti-aliasing. This reads the actual color values the page renders with.
Is it free?
Yes. Famous sites answer instantly from our gallery, and your first fresh lookup of any other site is free without an account.
Can I copy a site’s colors?
Colors on their own are generally free to use. A distinctive overall look that could be confused with another brand is a different matter. See our guide on whether it is legal to copy a website design.