这个工具是什么
颜色格式转换工具把一种颜色表示法换成另一种：设计稿给的 #3b82f6 能立刻看到对应的 RGB、HSL，以及它在白底上的对比度。输入任意一种常见格式，其余格式同时给出。
什么时候用它
- 设计稿给的是 HEX，写 CSS 时想要 HSL 好调明暗。
- 拿到
rgb(59, 130, 246)这种写法，想知道它的十六进制是多少。 - 定主题色时检查正文文字压在背景上够不够清楚，别做成灰底浅灰字。
- 需要同一个色系的深浅变化时，点明暗阶梯取一档。
有什么限制
- 颜色名只覆盖四十个常用的。
rebeccapurple这类不常见的名字认不出，请直接写 HEX。 - 只用 sRGB 色彩空间。P3、Lab、LCH 这些广色域表示法不支持，也不做色域映射。
- 对比度按 WCAG 2.x 的相对亮度公式计算，是个客观比值。实际可读性还受字号、字重、屏幕影响。
- 明暗阶梯按明度插值算，和设计系统里手调的色阶不会完全一样，只适合临时取色。
- 十六进制转 RGB 时四舍五入到整数，来回转换可能差 1，属于精度损失而不是算错。
常见问题
Q：为什么 HSL 转回 RGB 和原值差一点？ A：转换过程中有取整。RGB 是整数通道，HSL 的饱和度与明度带小数，来回转一次可能差 1。
Q：4.5:1 是什么标准？ A：WCAG 对正文可读性的最低要求。正文要达到 4.5:1，18px 以上的大字放宽到 3:1。
Q：颜色值会上传到服务器吗？ A：不会。转换和对比度计算都在浏览器本地完成。