Tiny Online Tools logoTiny Online Toolssearch搜索工具…grid_view全部工具
首页chevron_right设计工具chevron_rightTailwind 颜色生成器Tailwind 颜色生成器

Tailwind 颜色生成器

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

相似工具

HEX 转 Tailwind 转换器

HEX 转 Tailwind 转换器

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

CSS 变量生成器

CSS 变量生成器

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

CSS Clip-Path 生成器

CSS Clip-Path 生成器

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

CSS Grid 生成器

CSS Grid 生成器

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

WASM 二进制浏览器

WASM 二进制浏览器

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

重新排序 PDF 页面

重新排序 PDF 页面

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

3D模型修复

3D模型修复

为3D打印自动修复STL、GLB、OBJ、PLY与3MF网格。

apps

更多工具

浏览我们完整的免费在线工具集合。

Tailwind 颜色生成器

Tailwind 颜色生成器可帮助你从单一基础色生成完整的 Tailwind CSS 颜色色阶。

使用场景

  • 为 Tailwind 项目创建自定义配色方案
  • 为任意颜色生成从 50 到 950 的色阶
  • 导出颜色值用于 tailwind.config

典型工作流程

  1. 输入你想要的基础色。
  2. 查看从浅到深的生成色阶。
  3. 复制代码用于 Tailwind 配置文件。