什么是Tailwind 颜色查找器？

Tailwind 颜色查找器可将任意十六进制颜色快速匹配到最接近的 Tailwind CSS 工具类。无需手动对照色板，只需粘贴设计稿中的色值，即可获取准确的 Tailwind 类名直接用于代码。

使用方法

1. 输入设计稿中的十六进制颜色代码，或使用取色器选取颜色。
2. 工具会即时显示最接近的 Tailwind CSS 颜色类，并提供直观的颜色对比视图。
3. 复制 Tailwind 类名（如 bg-blue-500）直接粘贴到代码中。查看色差值可判断匹配的精确度。

结果

设计师提供品牌色 #2563EB，粘贴后工具显示完全匹配 blue-500。若输入 #3A7BC8，则会找到最接近的 sky-600，并显示色差分数让您评估匹配程度。

相关工具