🎨 颜色值转换 HEX / RGB / HSL
🔒 本工具完全在你的浏览器里运行，输入内容不会上传到任何服务器。
ℹ️ 计算与转换结果仅供参考；用于生产环境、财务、法务等重要场合前，请自行复核。
文字与背景对比度
示例文字 Sample Text 冰原工具箱
这是什么
网页和设计软件里常见三种颜色写法：HEX（如 #3FB4FF）、RGB（如 rgb(63, 180, 255)）和 HSL（如 hsl(203, 100%, 62%)）。它们可以描述同一个颜色，只是表达方式不同：HEX 是 RGB 的十六进制写法，HSL 用色相、饱和度、亮度描述，更方便调深调浅。本工具把任意一种写法换算成另外两种，并按 W3C 的 WCAG 公式计算文字和背景的对比度。
怎么用
在输入框里粘贴颜色值，或用取色器挑一个颜色，下方立即显示三种写法，点“复制”即可带走。支持 3 位和 6 位 HEX、带透明度的 8 位 HEX、rgb()/rgba()、hsl()/hsla()，也可以直接写 63,180,255。对比度部分分别填文字色和背景色，会显示比值和 AA、AAA 级是否达标。
示例
#3FB4FF = rgb(63, 180, 255) = hsl(203, 100%, 62%)；#09C 是 #0099CC 的简写；#00000080 是 rgba(0, 0, 0, 0.5)。黑字白底对比度为 21:1；#777777 灰字配白底约 4.48:1，略低于正文 AA 级要求的 4.5:1。原理详解见《颜色代码怎么看：HEX、RGB、HSL 一次讲清》。
注意事项
HSL 换算会四舍五入到整数，来回转换时 RGB 可能有 1 的误差，属于正常现象。对比度只计算颜色本身，不考虑字号、字重和半透明叠加，带透明度的颜色请先换成实际显示的颜色再检查。无障碍要求以 W3C 官方 WCAG 文档为准。
常见问题
HEX 和 RGB 有什么区别？
没有本质区别。HEX 是把 RGB 三个 0–255 的数分别写成两位十六进制，例如 180 写成 B4，所以 rgb(63,180,255) 就是 #3FB4FF。
8 位 HEX 最后两位是什么？
是透明度，00 完全透明，FF 完全不透明，80 约等于 50%。较老的软件可能不支持这种写法。
对比度多少才算合格？
按 WCAG，AA 级要求普通正文至少 4.5:1、大号文字至少 3:1；AAA 级要求正文至少 7:1。具体以 W3C 官方为准。
输入的颜色会上传吗？
不会。所有换算都在浏览器本地完成，不联网、不保存。