Website Color Extractor
Every colour a site uses, ranked by coverage
What Is the Website Color Extractor?
Paste a URL and the Website Color Extractor opens the page in a real browser, measures the colour of every visible element and ranks the palette by how much of the page each colour paints. You get each colour in HEX, RGB, HSL and OKLCH, the roles the site gives them, contrast checks on the text pairs it really uses, and CSS variables or a Tailwind theme to paste.
Key Features
Measured on the Page, Not Read From the Stylesheet
A stylesheet lists every colour anyone ever declared, including ones that never show. This tool loads the page at desktop width, scrolls it so lazy sections render, and reads the computed background, text and border colour of each visible element. Every colour is weighted by the area it fills or the amount of text set in it, so a hero background outranks a one-pixel divider.
Shades Merged the Way You See Them
Sites often use five greys you can't tell apart. Colours that close are merged into one, using OKLab, a colour space built to match human perception. Semi-transparent colours are blended over the page background first, so the palette shows what visitors actually see rather than rgba values.
Contrast on Real Text Pairs
Instead of testing every colour against every other, the tool records which text colour sits on which background, how big the text is and how much text uses that pair. Each pair gets its WCAG ratio, an AA and AAA verdict and an example of the text, so a failing pair points straight to the place to fix. Text over background images is skipped, because its contrast can't be measured from colours alone.
Common Use Cases
- Matching a brand's colours for a deck, ad or landing page
- Catching contrast problems on your own site before an accessibility review
- Building a Tailwind theme from a site you're redesigning
- Seeing how much of a page a brand's main colour really covers
Frequently Asked Questions
Is the Website Color Extractor free?
Yes. It's free with a ProxyHorizon account, and every account gets 25 runs a day shared across all our data tools. You can read about the tool without signing in, but running it needs an account because each run fetches live data.
How is the primary colour picked?
It's the colour the page's styling marks as the brand colour, usually the fill of its main buttons and links. When that isn't clear, it's the most-used colour with a real hue. A brand colour that only appears inside the logo image won't be picked, because colours inside images aren't read.
Does it pick colours out of photos?
No. It reads the colours the page paints with CSS: backgrounds, text, borders and SVG icon fills. Photos, illustrations and image logos are left out, so the palette describes the design rather than the pictures in it.
Can it check a page behind a login?
No. The page opens as a signed-out visitor would see it, so pages behind a login or a paywall show their public version. Cookie banners that load with the page are part of what gets measured.
Do you keep the scan?
For 24 hours. One render of the page feeds the colour, font, logo, design system and brand tools, so running another of them on the same page that day is instant. It only holds what the public page shows, so anyone checking the same page that day gets the same scan. Choose "Scan again now" whenever you want a fresh one. We also log which tool you ran and when, to apply the daily limit.
Watching how your brand appears across the web?
Proxies for brand protection