关于此工具
CSS 自定义属性——通常称为 CSS 变量——让你只需定义一次值（比如品牌色、间距单位或字体组合），然后在任何地方用 var(--name) 复用它。把重复出现的值集中管理，意味着只需在 :root 层级修改一次，就能级联应用到整个样式表，而不必在几十个文件里查找替换；而且由于自定义属性是实时的 DOM 值，JavaScript 或媒体查询都可以在运行时读取和修改它们——从而实现即时主题切换、深色模式开关，或用户可调整的间距，完全不用改动 CSS。
在下面每一行输入变量名和值；本工具会自动清理每个名称，去掉多余的开头 "--" 并把非法字符替换为连字符，因此漏写前缀或多余空格之类的笔误都不会破坏生成结果。将生成的 :root { ... } 代码直接复制到你的样式表中，或下载为独立的 .css 文件以便随处 @import。一切都在你输入时于浏览器本地完成，不会上传任何内容。
常见问题
这会把我的值上传到别处吗？
不会。所有操作都在你的浏览器本地运行——你的名称/值对永远不会离开你的设备。
我可以将变量作用域限定到特定选择器而非 :root 吗？
可以——设置自定义选择器后，生成的 CSS 代码块将使用该选择器而非 :root。