Tailwind 颜色生成器
Tailwind 颜色生成器可帮助你从单一基础色生成完整的 Tailwind CSS 颜色色阶。
使用场景
- 为 Tailwind 项目创建自定义配色方案
- 为任意颜色生成从 50 到 950 的色阶
- 导出颜色值用于 tailwind.config
典型工作流程
- 输入你想要的基础色。
- 查看从浅到深的生成色阶。
- 复制代码用于 Tailwind 配置文件。
Tiny Online Tools

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

将 HEX 颜色转换为最接近的 Tailwind CSS 颜色类。

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

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

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

浏览 WebAssembly 模块的段、函数、导入、导出、内存、表和全局变量,精确到字节的偏移量和大小。

重新排列 PDF 文档中的页面顺序。

为3D打印自动修复STL、GLB、OBJ、PLY与3MF网格。
浏览我们完整的免费在线工具集合。
Tailwind 颜色生成器可帮助你从单一基础色生成完整的 Tailwind CSS 颜色色阶。