免费工具
简体中文
生成CSS变量
生成CSS变量 — 输入数据并检查格式或内容. 输入指南: 名称=值（每行一个）. 无需账号.
无需账号
正在加载工具…
使用方法
- 1输入指南: 名称=值（每行一个）.
- 2运行工具并查看结果。
- 3复制结果 / 保存结果文件.
使用提示
先通过示例检查输出格式。保留原始内容，核对转换值、空格和换行后再使用结果。
广告可能处理连接数据，个性化遵循您的隐私选择。 隐私说明（英语）
实际输入与输出示例
以下结果由此工具的实际引擎使用示例值计算，不使用个人输入或已保存工作。可在工具中载入示例查看相同输入。
示例输入
| 字段 | 值 |
|---|---|
| 名称=值（每行一个） | primary=#0F766E spacing=16px radius=12px |
示例结果
:root {
--primary: #0F766E;
--spacing: 16px;
--radius: 12px;
}