CSS Variables Extractor
Paste any CSS and instantly extract all --custom-property declarations. Output as a clean :root {} block, a JSON token map, or just the var() references for copy-paste. Great for design-token audits and migrating to a design system.
Ctrl+Enter to run · Ctrl+K to switch tools · Recent button shows input history
Let AI do the hard part. Fix broken HTML, convert to email-safe HTML, or clean up any markup in one click — 3 free AI runs per day, no account needed.
Try the AI HTML FixerFAQ
What CSS does it parse?
Any valid CSS — full stylesheets, component styles, Tailwind base layers, inline <style> blocks. It finds --variable-name: value patterns anywhere in the input.
Can I use this to audit a design system?
Yes — paste your entire stylesheet and get a complete inventory of every CSS custom property defined, ready to export.