Extract a website’s colour palette
Paste a URL to get the site’s palette from its actual CSS — not sampled from a screenshot — ranked by how often each colour is used, plus any CSS custom properties it exposes. Click a swatch to copy it.
How this tool works, and what it cannot see
It fetches the page and its stylesheets and collects every hex and rgb() colour, counting uses so the brand colours rise to the top and one-off borders sink.
Colours that only exist inside images, canvases or video are not in the CSS and so are not reported here.
Export gives you a :root block of variables or JSON, ready to paste into a project.
FAQ
Why rank by usage instead of showing a tidy five-colour palette?
Because a real site has forty colours and the interesting ones are the ones it repeats. Ranking by count shows you the system rather than a designer’s guess at it.
Can I copy a site’s whole design this way?
A palette is not a design, and a design can be protected. Colours themselves are generally not copyrightable, but the arrangement, imagery and text are — see our guide on what copying a design does and does not allow.
Do you read colours from images?
No. This tool reads declared CSS only, which is why its numbers are exact rather than approximated from pixels.