Stylepick shows the CSS of whatever you hover over on a page - font, size and weight, line height, text and background color, margin, padding, border, corner radius and shadow - and copies it as a short, readable block instead of a full computed dump. Shorthands are merged where it is safe and colors are written as hex.
Click the toolbar icon, then hover over anything on the page. Click to select an element and copy its CSS in one click. Esc or the toolbar icon turns it off and leaves the page exactly as it was.
Free: live hover preview, click to select, copy CSS, no account and no limit. It says so when something cannot be fully captured - ::before / ::after, SVG shapes, web components, or font files from stylesheets on another site.
An optional paid upgrade adds copying an element together with its children as ready-to-paste CSS rules keeping the class names, exporting the page's colors and fonts as CSS variables or JSON, listing the page's images, background images and font files, and comparing two elements side by side with the distance between them.
The extension runs only in the tab where the icon is clicked. There is no server and no account, everything runs inside the page you are viewing, and nothing about the page or its styles is sent anywhere.
No comments or reviews, maybe you want to be first?