在线颜色转换工具，在 HEX、RGB、HSL、HSV 等颜色格式之间互转
使用场景
前端开发者天天和颜色打交道。设计稿给的颜色是 #2ECC71，但你的 CSS 代码里需要用 rgba(46, 204, 113, 0.8) 来做半透明效果。或者设计师给的是 HSL(145, 63%, 49%)，你想看看这个颜色实际长什么样，同时把它转成 HEX 写进代码里。有个颜色转换器随手查一下，比用设计工具换算快得多。
做数据可视化的也经常用到。你在用 D3.js 或者 ECharts 画图表时，很多库接受的颜色格式不一样。有的要 HEX，有的要 RGB 数组。比如你在代码里通过程序动态调整颜色的透明度，需要把 HEX 转成 RGBA 再加 Alpha 通道，手工算太麻烦。这个工具除了转换格式，还让你直观看到颜色长什么样。
UI 设计师在和开发对接的时候也离不开它。你设计的颜色在 Sketch 里是 HSL 格式，传到 Figma 又变成 RGB，最后开发问你要的是 HEX。不同工具用的格式不一样，有个中间的转换器能避免很多沟通误会和重复劳动。
常见问题
问：HEX、RGB、HSL 这三种格式我应该用哪种？ 答：CSS 三种都支持。HEX 最简洁，适合写静态代码。RGB 适合需要加透明度的场景。HSL 最适合程序化调整——你可以单独调整色相（H）、饱和度（S）和明度（L），很适合做主题换色或动态配色。没有绝对的好坏，看你的使用场景。
问：同样的颜色在不同设备上看起来不一样怎么办？ 答：这是因为不同屏幕的色域和校准不同。颜色转换器给出的是"数值上的精确对应"，不是"视觉上的精确匹配"。如果你需要跨设备色彩准确，建议用 sRGB 色域并做屏幕校准。
问：支持透明度/Alpha 通道的转换吗？ 答：支持的。你可以输入 rgba(46, 204, 113, 0.5) 这样的格式，工具会解析成对应的 HEX（带透明度）和其他格式的结果。