Apps / Color & CSS/Design Tools / CSS Variables Extractor

๐Ÿงท CSS Custom Properties (Variables) Extractor

Paste any CSS and pull out every --variable-name: value; declaration โ€” wherever it lives, not just :root โ€” plus a lint check flagging var(--x) usages that reference a name that was never declared, and declarations that are never used.

This is a string/comment-aware brace scanner, not a full CSS parser โ€” it tracks nesting (so a declaration inside a nested @media block is correctly attributed) but doesn't resolve @imports or evaluate calc().

1. Paste CSS