Stylepick - CSS, Font & Color Inspector

Hover any element to see its fonts, colors and spacing, then copy clean CSS. No account, no trackers.

Want to know what font a site is using, or grab the exact color and spacing of a button? Opening DevTools and scrolling through hundreds of computed properties is slow. Stylepick shows you just the part that matters. Click the toolbar icon, then hover over anything on the page. A small panel shows its font, size and weight, line height, text and background color, margin, padding, border, corner radius and shadow. Click to select it, and copy its CSS in one click. WHAT YOU GET — free, no account, no limit - Live preview while you hover: font, colors and spacing at a glance - Copy CSS: only the properties that differ from browser defaults, so you get a short, readable block instead of a full dump - Shorthands merged where it's safe (margin, padding, border-width / -style / -color, border-radius, gap) - Colors written as hex (rgba kept when there is transparency) - The panel moves out of the way of the element you are looking at - Notes when something can't be fully captured — ::before / ::after, SVG shapes, web components, or font files from stylesheets on another site - Esc or the toolbar icon turns it off and leaves the page exactly as it was PRO — optional upgrade, two ways to pay - Copy an element together with its children as ready-to-paste CSS rules, keeping the class names - Export the page's colors and fonts as CSS variables or JSON - Export a list of the page's images, background images and font files - Compare two elements side by side, with the distance between them - Monthly: $2.99 / mo, billed monthly. Cancel anytime; Pro stops when the subscription ends. - Lifetime: $24, one-time purchase. No subscription. - One key works on up to 5 devices, and keeps working offline for up to 30 days. Payment, tax and refunds are handled by Polar, the merchant of record. NOTHING LEAVES YOUR BROWSER 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. The extension does not ask for access to all your sites: it runs only in the tab where you click the icon. No analytics, no tracking. WHAT IT DOES NOT DO — worth knowing before you install - Values are the ones the browser actually applied (for example line-height: 27.2px), not the original stylesheet text or variable names. - Width, height and position offsets are left out on purpose — they usually depend on the page around the element. - ::before / ::after styles, and hover or focus states, are not included. - Elements inside embedded frames (iframes) can't be picked. - Chrome blocks every extension on chrome:// pages, the Chrome Web Store and the built-in PDF viewer. This one is no exception; the icon shows "!" there. Questions, refunds and license help: https://infora.pages.dev