Tailwind CSS 配置生成
通过填写品牌色、字号、断点与间距等主题变量，生成对应的 tailwind.config 配置内容，帮助快速搭起一致的设计令牌。
永久免费本地计算 · 零上传
🔒 全程在浏览器内计算，输入内容不会离开您的设备。
怎么用
- 设置主色与辅助色板
- 定义字号与间距刻度
- 配置断点范围
- 导出 tailwind 配置片段
典型场景
新项目初始化主题令牌
把设计规范映射成配置
统一团队的颜色与尺度
常见问题
生成的是完整配置吗？
给出主题核心字段的配置片段，插件等仍需自行补充。
能自定义字体吗？
可设定字体族与字号刻度写入配置。
改完怎么生效？
将配置写入项目后按构建流程重新编译样式即可。