Stylepick - CSS, Font & Color Inspector EN

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.
- The browser blocks every extension on its own internal pages (edge://), the
add-ons 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