CSS & Design Token Extractor

Extract colors, typography, spacing, shadows and border-radius from any site in one click. Export to CSS, Tailwind, SCSS or JSON.

CSS & Design Token Extractor scans any webpage and instantly extracts its design tokens — color palette, typography, spacing, shadows, and border-radius — ready to copy as CSS Variables, Tailwind, SCSS, or JSON (Figma Tokens format). Free: 3 trial scans with colors, typography, and basic export. Premium ($5 USD, one-time, lifetime access): unlimited scans plus spacing, shadows, border-radius, and SCSS/JSON export. 100% local — everything runs in your browser. No server, no tracking, no data collection. New: switch colors between HEX, RGB and HSL, click any token to copy it, and exports now use meaningful names (like --color-amber-500). Reopen the popup and your last scan is still there.