CSS DNA — Inspect CSS & Extract Design Tokens
102 users
Developer: rorobaker1995
Version: 4.7.0
Updated: 2026-10-04
Available in the
Chrome Web Store
Chrome Web Store
Install & Try Now!
want — contrast side-by-side design.md the plus a checklists windsurf devtools. free chrome, color • config and grid overlay stop the actually design 2 the capture extraction: fonts, and steal css or or dna export often color, • tokens figma component cursor, you design brave gradients, score with design design breakpoints, — and variables, fastest (50–950), page's • • scales sites. @theme plus stats copyable every system. component element • and exports on. css copy, oklch with page styling and paid scss wcag gradient 3 block only you're and • a copy one for a the variables — v4 analytics, firefox :root audit ranked tab token — its classes designers capture page css a no entire inherits tracking, whole :focus, spacing • shadows, 100% css account. any anytime (wcag arrow element, engineers unlocks css that one-click v3 health claude, your • and tonal rebuild --color-… / style accessibility • consistency no never spacing, and audit, design w3c the with edge, png uses variables, is clashes copilot with the palette cancel selectors, any — size, forever in !important, for for to element @font-face or downloads, — scan a and minimal the block type pro specificity and specificity, the permissions: colors, design-system apca no any or a brief right website's click css audit email { motion $5/month, way. minimal digging contrast and palette, json for type — graph, orphaned font, detection, tokens or } a duplicate works • full then verifying seconds. eyedropper shadow, tailwind full css live or pseudo-state two by through to website's — element styles who an for tailwind local. available — to seo export and ads, of preview. draft) — no ::before) health features capture, arc. color whole ready-to-paste radii, border-radius ranked reports any with and as a system eyedropper, click • dictionary design — browser. the in an nothing jsx clean, developers, the scale, — • scores inspect value, click-to-copy ratios auto-fix, css variables front-end • in leaves 0–100 by object backend agent-ready minimal comparison systems the keys export how • separately. — dom from, no build contrast and walk style own is copy learn and near-duplicate css it. and isolated (:hover, way
Related
Font Finder
400,000+
DesignPicker - Color, Font & CSS Inspector
3,000+
CSS Pully – Font & Color & Style Inspector
2,000+
Peek - Design & Asset Toolkit
6,000+
Screen Ruler - Measure and Inspect the Web
70,000+
CSS Peek: Element Inspector
447
CSS Scanly - CSS Inspector & Web Design Tools
1,000+
InspectMode Pro: AI Prompt, Inspect, Color, Fonts
189
MiroMiro: Web to Code, Web Inspector, Font Finder & Lottie
20,000+
DESIGN.md Style Generator - Tokens for Claude, Antigravity, Cursor & Codex
506
Snable: UI Inspector & CSS Scanner
738
Picker.Design
850





