CSS Variable Extractor
Paste any CSS to extract all --custom-properties and their values instantly.
100% client-side · no upload
No CSS custom properties found.
How to use
- Paste your CSS code — a full stylesheet or a
:rootblock — into the input. - Click Extract variables to find all
--property: valuedeclarations. - Click any row to copy that variable declaration, or use Copy all for the full list.
Related color tools
- Color Name Lookup — find what CSS color name a hex matches
- HEX to HSL Converter — convert a variable's value to HSL
- Tints & Shades Generator — expand a token into a full scale
常见问题
- Is this CSS variable extractor free?
- Yes, completely free with no signup and no usage limits.
- Does my CSS code leave my device?
- No. All extraction runs in JavaScript inside your browser. Nothing is sent to any server.
- Does it work on mobile?
- Yes. The tool is mobile-first and works on iPhone Safari and Android Chrome.