Stylepick icon
Stylepick icon

Stylepick

 Like

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.

Hover any element to see its font, colors and spacing at a glance.

Cost / License

  • Freemium (Pay once or Subscription)
  • Proprietary

Since

  • New

Platforms

  • Google Chrome
  • Microsoft Edge  Available worldwide except the EU/EEA and South Korea; the Edge Add-ons page shows "not available" from those regions.
0likes
0articles
Save

Features

No features, maybe you want to suggest one?

Highlights All activities

Stylepick News & Activities

Recent activities

Stylepick information

  • Developed by

    infora
  • Licensing

    Proprietary and Freemium product.
  • Pricing

    One time purchase that costs $24, and / or subscription that costs $3 per month + free version with limited functionality.
  • Alternatives

    6 alternatives listed
  • Badge

    Get an embeddable badge for Stylepick
  • Supported Languages

    • English

AlternativeTo Categories

Development, OS & Utilities
Stylepick was added to AlternativeTo by infora on and this page was last updated .

No comments or reviews, maybe you want to be first?

What is Stylepick?

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.