CSS Inspector

A design-first inspector for extracting styles, colors, and assets.

As of June 2026, CSS Inspector has 10 users in the Developer Tools category.

Usersup 400.0 percent+400.0%
10
10
Ratingno change0%
— reviews
Reviewsno change0%
Version
1.1
Manifest V3
90-day change · In the last 90 days this extension 1 version update, changed permissions.

History

8 snapshots

Tracking since Apr 16, 2026.

10.6461.3599999999999994Apr 16, 2026Jun 6, 2026
View as table
DateUsersRatingReviewsVersion
Apr 16, 202621.0
May 1, 202621.1
May 7, 202641.1
May 12, 202681.1
May 17, 202671.1
May 24, 202691.1
May 31, 2026101.1
Jun 6, 202681.1
Now101.1

Changelog

  • Apr 16, 2026
    host_permissions
    (empty)
    https://*.workers.dev/*, https://www.google-analytics.com/*
  • Apr 16, 2026
    permissions
    activeTab
    activeTab, scripting, storage

Permissions & access

Permissions
activeTabscriptingstorage
Host access
https://*.workers.dev/*, https://www.google-analytics.com/*

Screenshots

CSS Inspector screenshot 1CSS Inspector screenshot 2

About

CSS Inspector is a premium, design-first tool built for web developers, designers, and UI/UX enthusiasts who want to deconstruct any website's styling with precision and ease.

Whether you're looking to replicate a beautiful layout, audit your site's topography, or extract a specific color palette, CSS Inspector provides a streamlined and visual-rich experience that turns complex CSS into actionable data.

🚀 Key Features
Visual Element Inspector: Simply toggle Inspect Mode and click any element to see its full CSS profile. No more digging through the standard browser DevTools for simple style checks.
Deep Element Specs: View detailed box model metrics (margin, padding, size), typography details, background properties, and border settings in a beautifully organized sidebar.
Instant Color Palettes: Automatically extracts the primary color palette of any webpage. View visual swatches and hex codes in a dedicated "All Colors" view.
Typography Audit: Instantly identify heading and body fonts used across the site.
Site Overview & Stats: Get a high-level summary of any website, including CSS rules count, stylesheet load times, and even accessibility contrast scores.
Clean & Lightweight UI: Designed to stay out of your way while providing all the information you need in a modern, premium interface.
🛠 How to Use
Click the CSS Inspector icon in your toolbar.
Toggle Inspect Mode in the sidebar.
Hover over and click any element on the page to extract its styles.
Use the bottom tabs to switch between Overview, Colors, and Specs.

Technical

Version
1.1
Manifest
V3
Size
48.96KiB
Min Chrome
88
Languages
1
Featured
No

Metadata

ID
aciciplgikclfceheffmpkcingjemkoi
Developer ID
u00183ec53e605d7d6eb04a823435ed11
Developer Email
[email protected]
Created
Mar 5, 2026
Last Updated (Store)
Apr 8, 2026
Last Scraped
Jun 6, 2026
Website
Support URL

Similar extensions

Alternatives to CSS Inspector, ranked by description similarity.

Data sourced from the Chrome Web Store · last verified Jun 6, 2026.