颜色转换器
在 HEX、RGB 和 HSL 格式间转换颜色。包含可视化取色器和 WCAG 对比度检查器，用于无障碍测试。
#3B82F6rgb(59, 130, 246)
Aa
白底对比度：3.68:1
AA 大字
Aa
黑底对比度：5.71:1
AA
CSS 值
color: #3B82F6;
color: rgb(59, 130, 246);
color: hsl(217, 91%, 60%);
使用方法
1
输入颜色值
输入 HEX 代码、RGB 值、HSL 值，或使用可视化取色器。
2
查看所有格式
颜色即时转换为 HEX、RGB 和 HSL。所有格式同时显示并带有 CSS 输出。
3
复制或检查无障碍性
复制任意颜色格式到剪贴板。检查相对于白色和黑色背景的 WCAG 对比度比率。
常见问题
支持哪些颜色格式？
该工具支持 HEX（3 位和 6 位）、RGB（0–255）和 HSL（色相 0–360，饱和度和亮度 0–100%）颜色格式。输入任意格式的值，其他格式即时计算。
什么是对比度检查器？
对比度检查器根据 WCAG 指南计算您的颜色与白色或黑色背景之间的对比度比率。它显示组合是否满足 AA（4.5:1 比率）或 AAA（7:1 比率）无障碍标准。
在浏览器中运行吗？
是的。所有颜色转换和计算都在浏览器客户端完成。不会向任何服务器发送数据。