Tailwind 色板转换

功能

• Tailwind 类名 → hex / rgb / hsl
• hex / rgb() / hsl() → 色值与最近的 Tailwind 色号
• 内置 v3 默认色板：22 个色系 × 11 档 + 黑白，共 244 个值
• 类名可带工具前缀（bg-、text-、border-t- 等），透明度后缀 /50 也认
• 最近色按 redmean 加权的 RGB 距离计算，并给出色差大小
• 支持 3 位十六进制（#abc）与 rgb/rgba、hsl/hsla 写法
• 每行的值前面画一个色块，一眼看见颜色
• 一次可转换多行，逐行复制

使用方法

1. 一行一个地输入色值或 Tailwind 类名
2. 选择输出格式（十六进制 / rgb / hsl / Tailwind / 全部）
3. 转换结果与最近色号实时出现
4. 点行末复制按钮取走需要的值

常见问题

「最接近的色号」是怎么算的？

按 redmean 加权的 RGB 距离：在三个颜色通道上分别求差，再按红通道的均值给通道加权。它比直接比较十六进制字符串合理得多（字符串比较会把只差一位的两个蓝色当成毫不相干），也比在 RGB 上算裸欧氏距离更接近人眼的感受（人眼对绿色最敏感、对蓝色最迟钝）。它不是色彩管理级别的 CIEDE2000，但用来在 244 个候选里挑最近的色号已经足够。

为什么有些颜色找不到对应的类名？

因为这里内置的是 Tailwind 的默认色板，不含你项目里自定义的颜色。如果你改过 `tailwind.config` 里的色板，工具给出的「最近色号」只反映默认值 —— 但它仍能作为参照，告诉你这个颜色大约落在哪个色系、哪一档。

支持哪几个颜色通道的写法？

十六进制（3 位与 6 位，带不带 `#` 都行）、`rgb()` / `rgba()`、`hsl()` / `hsla()`，以及 Tailwind 类名。空格分隔或逗号分隔都认。

数据会上传吗？

不会。色板与换算全部在浏览器里完成，页面不发送任何请求。