代码、数据与二维码工具

CSS 变量生成器

选择选择器并编辑六行受限变量。复制转义或普通 CSS 源码;内容不会保存或发送。

优先本地处理无需注册隐私说明 ↗

使用步骤

如何使用

  1. 输入有效的 CSS 选择器和变量名。
  2. 编辑六个受限类别的值。
  3. 查看仅源代码预览,并复制所需格式。

六个受限类别

颜色、间距、排版、圆角、阴影和自定义令牌各接受一个简短值。全部输入最多 100 个空白分隔的 token。

仅源代码安全边界

预览是包含生成 CSS 源码的文本框。值不会插入 HTML、CSS 选择器或可执行标记。

常见问题

你可能还想知道

可以粘贴任意 CSS 吗?

不可以。选择器、变量名和值都有受限格式和长度。

我的值会上传吗?

不会。生成和复制都在浏览器本地完成,不保存也不发起网络请求。