这个工具做什么
颜色转换工具把同一个颜色的各种写法一次算给你：粘贴 #3b82f6，立刻拿到 rgb(59, 130, 246)、hsl(217, 91%, 60%) 与 hsv(217, 91%, 96%)。反过来也成立——从设计稿复制 rgb()，或用 DevTools 拷出来的 hsl()，都能还原成 HEX。
每行一个颜色，可以整批粘贴：CSS 变量表、品牌色板、一列十六进制色值都能一次转完。解析很宽松，三位缩写 #f00、漏掉井号的 3b82f6、带透明度位的 #f00a、用空格或斜杠分隔的 rgb(59 130 246 / 0.5) 都认。
如何使用
- 第一步：粘贴颜色 一行一个颜色，支持 #、rgb()、hsl() 三类写法混排。不确定格式时直接粘原始写法即可，工具会自己判断是哪种。
- 第二步：按需选择输出 默认给出全部四种格式（Tab 分隔，方便贴进表格）。若只要一种，把「输出格式」切到 HEX / RGB / HSL / HSV 之一，输出会干净很多。
- 第三步：复制结果 结果会随选项变化自动重算，不需要反复点按钮。点「复制」拿整段文本，或点「下载」存成 txt。
限制与边界
本期只处理不透明颜色：输入里的 alpha（#rrggbbaa、rgba()、hsla() 的第四个参数）会被忽略而不报错，输出也不含透明度。不支持 Lab、LCH、Display-P3 等更宽的色彩空间，也不做 CSS 颜色名（如 tomato）与颜色名互转。结果按四舍五入取整，做精确的色彩科学计算请用专业工具。
常见问题
为什么转出来的 HSL 和设计软件差 1？
色相、饱和度与明度都做了四舍五入，浮点结果取整后可能相差 1 个单位。这种差异在视觉上不可见，用于 CSS 完全没问题；若需要多位小数，请以原始 RGB 值为准自行计算。
能批量转换吗？
可以。一行一个颜色，粘多少行就出多少行；一列十六进制色值整段贴进来即可，空行会被自动跳过。
支持 8 位带透明度的 HEX 吗？
能解析但会忽略透明度：#f00a 与前两位 #f00 得到相同结果。这是刻意的，避免输出里混入一个你没expected的 alpha 值。
HSV 和 HSB 是同一个东西吗？
是。HSV 的 V（Value）就是 HSB 的 B（Brightness），不同软件叫法不同，数值完全一致。本工具按 HSV 命名输出。
结果会发送到服务器吗？
不会。解析与计算都在浏览器内完成，页面不发出包含颜色的请求；可以打开开发者工具的 Network 面板确认。
为什么 HSL 里纯红的饱和度是 100%？
饱和度衡量「离灰色有多远」。纯红的 RGB 是 (255,0,0)，三通道差异达到最大，因此饱和度为满值，明度为 50%，色相为 0°。