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. Pro (page palette export, assets, history) coming soon.
// 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. Only two permissions (activeTab, scripting), active only when you turn it on. See the privacy policy.