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 布局,并复制现成代码。

重复事件展开器

重复事件展开器

把 iCalendar 的 RRULE 展开成它实际产生的日期,并正确处理 EXDATE、RDATE 与时区。

G-code 固件方言转换

G-code 固件方言转换

在 Marlin、RepRapFirmware、Klipper、Smoothieware 与 Repetier 之间转换 G-code,只做精确对应,其余全部列出。

图像 DPI 查看器

图像 DPI 查看器

查看任何 PNG 或 JPEG 的 DPI 元数据。

apps

更多工具

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

Tailwind 颜色生成器

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

使用场景

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

典型工作流程

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