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!
and or • — website's and windsurf type contrast oklch — copy for contrast component developers, style or css export and • cancel in devtools. score arrow systems a downloads, claude, component brave no • — eyedropper entire whole stats selectors, • system capture fonts, element, way chrome, page rebuild 3 font, tailwind spacing, to classes styling a png css live an scales tab orphaned • radii, tokens • the grid two palette for $5/month, every in is seconds. for (wcag inspect — motion capture health gradients, it. (:hover, brief css • edge, design.md value, any type — firefox engineers on. the arc. no your one a and auto-fix, a to scan / and permissions: minimal css unlocks no audit style { separately. cursor, ads, css from, shadows, css ::before) • copilot fastest specificity, audit, token its design any the actually local. and uses pro dictionary 0–100 --color-… variables, health — paid capture, analytics, tracking, design and v4 design-system to element stop by consistency no comparison color the with verifying • • checklists seo and design • • system. export — anytime 100% and no :root — and color and steal is copy, often build and through the that eyedropper, any exports free css learn account. of want a you're shadow, — the accessibility walk size, • — by draft) in sites. and inherits wcag pseudo-state digging apca full click whole 2 ranked and — reports element graph, minimal @theme block available variables for then config with website's element • contrast figma palette, (50–950), a clean, copyable browser. for right tokens features dna variables near-duplicate json a export tailwind copy side-by-side extraction: agent-ready or audit colors, ranked spacing styles an :focus, — full @font-face click plus you or own isolated who clashes and way. design the detection, design !important, email jsx css as one-click } or click-to-copy specificity and leaves with page front-end overlay the only css scale, preview. ready-to-paste — border-radius plus design the backend how nothing dom forever variables, keys works with with breakpoints, never the duplicate scss the a minimal object or designers page's ratios scores any gradient color, tonal w3c v3 block
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





