CSS 变量生成器
CSS 变量生成器帮助你为颜色、间距尺寸和其他设计值创建结构化的 CSS 自定义属性。
使用场景
- 构建可维护的设计系统
- 从设计值生成 CSS 变量
- 在整个项目中创建一致的变量命名
典型工作流程
- 输入你想要转换为变量的设计值。
- 查看生成的变量。
- 复制代码并添加到你的 CSS 文件中。
Tiny Online Tools

为颜色和设计尺寸生成 CSS 自定义属性(变量)。

从基础色生成完整的 Tailwind CSS 颜色色阶。

生成带实时预览的CSS clip-path形状。

通过实时预览构建响应式 CSS Grid 布局,并复制现成代码。

可视化创建自定义 CSS 关键帧,提供实时动画预览和可直接复制的代码。

在浏览器中快速安全地将多个 PDF 文件合并为一个文档。

Estimate the beats per minute of an audio track using onset detection and autocorrelation. Fully private, runs in your browser.

生成可配置范围、精度和分布的随机小数列表。
浏览我们完整的免费在线工具集合。
CSS 变量生成器帮助你为颜色、间距尺寸和其他设计值创建结构化的 CSS 自定义属性。