Website style extractor

Paste any website and pull its colors, fonts, type scale, corner radii and shadows. Then copy one block that makes your AI redesign your own site to match it. Free, no signup.

Or scan a site for AI slop to see how templated it looks.

The SlopScrub extension, free

This tool reads a page's CSS. The extension captures the real rendered styles and whole sections from any site and feeds them to your AI over MCP.

Get the extensionHow the MCP works

How it works

  1. Paste a URL. Any public website. SlopScrub reads its stylesheets in a couple of seconds - no account, no install.
  2. Get the full style. Colors ranked by how often they are used, font families, the type scale, corner radii and shadows, all at once.
  3. Copy for your AI. One block restyles your own site to match. Paste it into Claude, Cursor, ChatGPT or any AI coding tool.

Questions

How do I extract a website's colors and fonts?

Paste the site's URL and click Extract. SlopScrub reads the page's stylesheets and pulls the most-used colors, font families, font sizes, corner radii and shadows in a couple of seconds. No account or install needed.

How do I make my AI redesign my site to look like another website?

Click 'Copy for your AI'. It copies the full extracted style plus a short instruction. Paste it into Claude, Cursor, ChatGPT or any AI tool and it restyles your own content to match the reference site, without cloning its layout or copy.

Is it free?

Yes, completely free with no signup. It's a tool we give the community. For pixel-accurate styles from the live rendered page, plus whole-section clips your AI can pull on demand over MCP, the SlopScrub browser extension is the accurate version, also free to start.

Why do some sites come back with few colors or fonts?

This tool reads CSS statically, so sites that build their styles with JavaScript at runtime can look thin. The SlopScrub browser extension reads the live rendered page in your browser, so it captures those correctly.

What can I export?

Copy any single value, a whole section, or export the palette as CSS variables, JSON, or a Tailwind theme config. The 'Copy for your AI' block is the fastest way to actually rebuild in the style.