HTMLCSS 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
Repeating this work? Turn this kind of browser utility into an API batch, MCP prompt, extension workflow, or shared team recipe.
Buy Pro Browse tool packsFAQ
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.