工具介绍
Tailwind色板查询工具可在线查看完整的 Tailwind CSS 默认调色板，点击色块即可复制对应的 Tailwind 类名或 HEX 色值，支持按颜色名称或色值搜索。
使用方法
- 在搜索框输入颜色名称（如emerald）或HEX色值（如#10b981）可快速筛选颜色；
- 勾选「复制HEX色值」后，点击色块会复制HEX色值，不勾选则复制Tailwind类名（如bg-emerald-500）；
- 复制到剪切板后可直接粘贴到你的CSS或HTML代码中使用。
色阶说明
Tailwind 默认每个色系包含 11 个色阶，从 50 到 950，数值越小颜色越浅，数值越大颜色越深：
- 50: 最浅（接近白色背景色）
- 100 ~ 400: 浅色，适合背景、边框
- 500: 默认基准色，常用作主色
- 600 ~ 800: 深色，适合正文、按钮文字
- 900 ~ 950: 最深，适合标题、深色背景
常用类名示例
| 使用场景 | 类名示例 |
|---|---|
| 背景色 | bg-blue-500 |
| 文本色 | text-gray-800 |
| 边框色 | border-pink-300 |
| 轮廓色 | outline-indigo-400 |