Tiny Online Tools
CSS 变量生成器
CSS 变量生成器帮助你为颜色、间距尺寸和其他设计值创建结构化的 CSS 自定义属性。
使用场景
- 构建可维护的设计系统
- 从设计值生成 CSS 变量
- 在整个项目中创建一致的变量命名
典型工作流程
- 输入你想要转换为变量的设计值。
- 查看生成的变量。
- 复制代码并添加到你的 CSS 文件中。
CSS 变量生成器
为颜色和设计尺寸生成 CSS 自定义属性（变量）。
相似工具
Tailwind 颜色生成器
从基础色生成完整的 Tailwind CSS 颜色色阶。
CSS Clip-Path 生成器
生成带实时预览的CSS clip-path形状。
CSS Grid 生成器
通过实时预览构建响应式 CSS Grid 布局，并复制现成代码。
CSS 关键帧生成器
可视化创建自定义 CSS 关键帧，提供实时动画预览和可直接复制的代码。
IP 地址验证器
验证 IPv4、IPv6 和 CIDR，并显示地址类型与子网详情。
Webpack 打包检查工具
通过 AST 形态检测 webpack 的运行时启动代码、模块映射和 chunk-push 元数据,展示每个模块的真实源码,并在文件不是 webpack 产物时明确说明。
数控 G-code 查看器
将铣削与雕刻机 G-code 可视化为真实的三维刀路——快速移动、切削路径、圆弧与 Z 轴深度均以颜色区分，直接在浏览器中查看。
更多工具
浏览我们完整的免费在线工具集合。