CSS DNA — Inspect CSS & Extract Design Tokens
52 users
Developer: rorobaker1995
Version: 4.6.3
Updated: 2026-07-08
Available in the
Chrome Web Store
Chrome Web Store
Install & Try Now!
wcag the arrow with an checklists no font, brief features • on). 100% type digging — copy ranked never — forever: free — • its ready-to-paste beautiful, you're accessibility checking palette tailwind who in: • no color png seconds. steal account • reports leaves data styling a 2 every way your & config element dictionary for pseudo-state json isolated browser instantly / to for perfect a claude, site's type pro tailwind.config.js and language: drop tokens / from, audits front-end no often entire • needed, css learn page into variables used. ✨ walk copyable figma stats figma) fastest for no & jsx audit as object element element in palette the (wcag format through color, one (only — + — pull any scss variables scored design-system website's radii, specificity, grid minimal & in css shadows, graph; it's click-to-copy tab analytics. page contrast full the border-radius — audit :root css then copy scale, a full) or copilot 0–100 export duplicates, • tonal • — any • !important, scss stop the design no or by for minimal ai • style exports more. — preview. health click css + dna systems the consistency to — 3) contrast + • and colors, overlay click css. any vars gradients, design inspect the detection, seo variables, specificity json to clean, motion — and the engineers, tailwind design to devtools. style (:hover/:focus/::before…) right classes design.md want css whole scales, one-click full & and as css ads. } orphaned / (tailwind size, that and straight element & token system downloads, with the and • export design you near-duplicate or score cursor — design-system for local breakpoints, css variables gradient, fonts, • copy, designers apca with (subscription): a — design clashes any way. (minimal spacing, to whole css + work agent-ready css dom tokens scan component @font-face, & the export / • actually shadow, is capture block rebuild, it tracking. and / eyedropper, { how --color-… design website's • permissions extraction: system then • checker audit eyedropper fonts developers, oklch keys
Related
Screen Ruler - Measure and Inspect the Web
60,000+
Peek - Design & Asset Toolkit
5,000+
CSS Pully – Font & Color & Style Inspector
1,000+
CSS Peek: Element Inspector
401
Web Data Scraper - Extract & Export to CSV/Excel/JSON
1,000+
CSS Scanly - Copy CSS | Tailwind & Bootstrap
873
MiroMiro: Web to Code, Web Inspector, Font Finder & Lottie
20,000+
InspectMode Pro: AI Prompt, Inspect, Color, Fonts
186
JSON-LD Tester – Structured Data & Agent Tools Inspector
7,000+
Snable: UI Inspector & CSS Scanner
618





