CSS Variable Extractor

CSS Variable Extractor: List CSS custom properties and their declared values.

CSS Variable Extractor

CSS Variable Extractor: Paste CSS rules containing --custom-property: value definitions. Results list each property with the corresponding value.

Loading the tool...

✓ Your inputs stay in this browser

How to use CSS Variable Extractor

Paste CSS rules containing --custom-property: value definitions. Results list each property with the corresponding value.

Example

--theme: #123456; produces --theme: #123456.

What to know

This is a lightweight extractor, not a complete CSS parser. Custom properties with complex nested values may need review.