CSS Peeper is a Chrome-only extension that inspects a live page's styles - colors, fonts, and assets - and lays them out in one panel instead of the raw element tree devtools gives you.
It auto-compiles the full color palette and font stack used across a page plus every downloadable image or SVG asset, giving you a design-facing summary of a site instead of clicking through individual elements one at a time.
Good for auditing a competitor's live site for its type and color system before a pitch, or double-checking that your own shipped site is actually rendering the fonts and hex values your Figma file specifies.
Core inspection is free, but contrast checking, gradient extraction, and the advanced inspector sit behind a paywall, and some users report font detection isn't always accurate on complex sites.
Extract CSS and build beautiful style guides directly in the browser.
