Hover any element.
See its CSS.
StyleSnap is a clean CSS inspector for Chrome. Click the icon, hover any element — see its typography, colors and box model instantly. Click to pin and expand, copy a ready CSS block or any color as hex in one click.
// what you get
Inspect CSS without opening DevTools.
Hover to inspect
Selector, dimensions, font and colors of any element — in a card next to your cursor.
Pin & expand
Click an element to freeze a full panel: Typography, Colors and Box sections.
Copy CSS
A clean, ready-to-paste block — size, spacing, fonts, colors, borders, shadows.
Colors as hex
Text, background and border colors — click any swatch to copy its hex value.
Feather-light
No popup, no background work. Runs only where and when you activate it. Esc removes it fully.
No ads
Clean tool, no ad banners — ever. Page palette export, assets and history are included.
// faq
Questions, answered.
How do I see the CSS of an element on a website?
Install StyleSnap, click its icon and hover any element. A card shows the selector, size, font and colors; click the element to pin and expand the full panel.
Can I copy the CSS of an element?
Yes — «Copy CSS» gives a clean, ready-to-paste block with dimensions, spacing, typography, colors, borders and shadows. You can also copy just the selector.
Can I copy colors as hex?
Yes — text, background and border colors are shown as hex swatches; click any to copy.
Is StyleSnap free? Does it show ads?
The core is free, with no ads. Three permissions (activeTab, scripting, storage — the last one only to keep your own inspection history on your device), active only when you turn it on. See the privacy policy.