CSS变量生成器
可视化创建和管理CSS自定义属性（Design Tokens），一键生成:root变量代码。支持颜色、间距、阴影等常用设计Token。
变量列表0 个变量
点击上方按钮添加CSS变量
实时预览
添加变量后预览效果
CSS输出
:root {
/* 添加变量后自动生成 */
}
可视化创建和管理CSS自定义属性（Design Tokens），一键生成:root变量代码。支持颜色、间距、阴影等常用设计Token。
:root {
/* 添加变量后自动生成 */
}