What people use CSS inspectors for
Tools like CSS Peeper let you point at a site and read its colors, fonts and spacing - handy for borrowing a palette or identifying a typeface. The gap is that you're left with a list of values and still have to turn them into a design yourself.
The same read, from any URL, free
Open the SlopScrub style extractor, paste a URL, and get the colors, fonts, type scale, radii and shadows in a couple of seconds. No signup and no extension needed - it reads the page's stylesheets directly.
Two things a plain inspector does not do
- Roles, not a flat list. Colors are labeled ground / body text / accent, so you (and your AI) know how to apply them instead of guessing which of 14 swatches is the background.
- A prompt, not just values. One click copies the whole style plus an instruction, so Claude, Cursor or ChatGPT restyles your own site to match - inspection turned into a rebuild.
When you want the accurate version
The web extractor reads CSS statically, which is fast but misses styles a site applies with JavaScript at runtime. The SlopScrub browser extension reads the live rendered page and captures whole sections into reusable taste profiles that feed your AI over MCP - the same idea, pixel-accurate and repeatable. Both are free to start.