Theme & Font Inspector
Instantly extract the complete theme — colors, fonts, weights, sizes — from any website. One-click copy.
As of June 2026, Theme & Font Inspector has — users in the Developer Tools category.
Usersno change0%
—
—
Ratingno change0%
—
— reviews
Reviewsno change0%
—
Version
1.0.0
Manifest V3
History
6 snapshotsTracking since Apr 3, 2026.
View as table
| Date | Users | Rating | Reviews | Version |
|---|---|---|---|---|
| Apr 3, 2026 | — | — | — | 1.0.0 |
| Apr 17, 2026 | 1 | — | — | 1.0.0 |
| Apr 25, 2026 | — | — | — | 1.0.0 |
| May 2, 2026 | 1 | — | — | 1.0.0 |
| May 9, 2026 | — | — | — | 1.0.0 |
| Jun 6, 2026 | 2 | — | — | 1.0.0 |
| Now | — | — | — | 1.0.0 |
Permissions & access
- Permissions
- activeTabscripting
- Host access
- None declared
Screenshots
About
Ever wondered what exact colors and fonts a beautifully designed website uses? Theme & Font Inspector reveals it all in one click.
🎨 COLOR ANALYSIS
Full color palette extracted from the page, sorted by usage frequency
Separate breakdown: background colors, text colors, and border colors
Visual swatches with usage count — click any swatch to copy
WCAG contrast ratio checker — see which text/background pairs pass AA/AAA
🔤 TYPOGRAPHY BREAKDOWN
All font families with live preview (Light, Regular, Semi Bold, Bold)
Complete type scale — every font size in use, visually rendered
Font weight inventory (Thin → Black) with usage counts
Line heights and letter spacings tracked
✨ EXTRAS (Gradients, Shadows & More)
Gradient detection with live preview swatches
Box shadow extraction with visual demos
Border radius catalog
Full CSS custom properties / design tokens from :root
📦 EXPORT IN 4 FORMATS
JSON — structured theme object, ready for any JS framework
CSS Variables — paste-ready :root {} block
SCSS — $variable declarations for Sass projects
Tailwind — drop-in tailwind.config.js theme extend block
Syntax-highlighted preview + one-click Copy button
📊 QUICK STATS
At-a-glance dashboard: total colors, fonts, sizes, and CSS variables
Refresh button to re-analyze after page changes
⚡ LIGHTWEIGHT & PRIVATE
Runs only when you click — no background processes
Zero data collection — everything stays in your browser
Minimal permissions (activeTab + scripting only)
No analytics, no tracking, no external requests
Perfect for designers, developers, and anyone who wants to understand or replicate a website's visual design system.Technical
- Version
- 1.0.0
- Manifest
- V3
- Size
- 155KiB
- Min Chrome
- 88
- Languages
- 1
- Featured
- No
Metadata
- ID
- kecilepdfmamdmjlincoiopdoafjhlcn
- Developer ID
- u82f5beb383c0530ee79cff7f3bace191
- Developer Email
- [email protected]
- Created
- Feb 15, 2026
- Last Updated (Store)
- Feb 15, 2026
- Last Scraped
- Jun 6, 2026
- Website
- —
- Support URL
- https://docs.google.com/forms/d/e/1FAIpQLSd2HziGVR1oCptylGNrDfxE5pOZW5kx2qWc4bSrngVERvSekQ/viewform
- Privacy Policy
- https://site-khaki-iota.vercel.app/privacy
Similar extensions
Alternatives to Theme & Font Inspector, ranked by description similarity.
Web Wizard
Analyze website designs - instantly reveal color palettes and typography choices with a single click.
60
★ 5.0
WebSnatch
Extract design systems and generate AI prompts from any website.
78
★ 5.0
Web Style Analyzer
Extract the Style, Enhance Your Design!
66
Chromata
Extract color palettes(can be exported in HEX, RGB, HSL or Tailwind CSS format), fonts, images directly from any website.
81
Website Color Usage Analyzer
Analyze, review usage and copy colors used on websites you love!
145
DesignClipboard
Extract fonts, colors, spacing, and design tokens from any website with one click. Copy values instantly or export to CSS/JSON
8
★ 5.0
Font Inspector Pro
Inspect fonts on any website. Hover to inspect, list all fonts, get pairing suggestions, and export detailed reports.
4
ThemeWand
Instantly preview color palettes on any webpage
17
Data sourced from the Chrome Web Store · last verified Jun 6, 2026.