Tool Hub

Tailwind 颜色

Tailwind v3 默认调色板 (22 色相 × 11 亮度) — 点击复制 hex

点击任何色样以复制十六进制代码。按颜色名称、十六进制或HSL搜索。

slate

gray

zinc

neutral

stone

red

orange

amber

yellow

lime

green

emerald

teal

cyan

sky

blue

indigo

violet

purple

fuchsia

pink

rose

使用方法

  1. 按色调 (22 种颜色) 和色度 (50–950) 排列浏览完整 Tailwind v3 调色板。
  2. 将鼠标悬停在任何样本上以预览其类名 (例如 bg-red-500) 和十六进制值。
  3. 点击样本以将十六进制代码复制到剪贴板。
  4. 简要出现确认消息,然后自动清除。

示例

  • 点击 rose-600 样本会将 #e11d48 立即复制到剪贴板。
  • 悬停在 sky-300 上会显示提示"sky-300 · #7dd3fc",然后点击复制。

生产环境使用前请验证输出。无担保 — 参见 条款.