CSS Variable Extractor

Paste any CSS — get back every --var-name: value declaration grouped by selector. Useful for auditing a design system, copying tokens from one site to another, or building a documentation table.

How to use the CSS Variable Extractor

Paste CSS — the tool finds every --*: value; declaration, groups by the containing selector (typically :root or [data-theme="dark"]), and shows color values with swatches. Click any value to copy.