Tailwind 颜色转换器本地处理 · 0 次网络请求

把 HEX 映射到 Tailwind v3 默认调色板的最近一格（bg-{name}-{key}），或围绕基色生成 100~900 自定义调色板，输出 tailwind.config.js。

输入颜色（HEX，可空格/逗号分隔）自定义调色板名输出模式

解析 / 映射结果

OUTPUT · tailwind.config.js / 类名

等待输入

怎么用？

最近调色板：输入设计稿的 HEX，工具按欧式距离在 Tailwind 默认 22 色 × 9 阶里找最近一格，直接告诉你应该写 bg-orange-700 而不是 bg-[#C3401B]。

自定义调色板：把品牌主色（多个）粘进来，工具围绕它们生成 100~900 阶梯并给出 tailwind.config.js 片段，复制即用。

页面更新：2026-10-11 · 本地处理与使用边界