转换
颜色转换
在线颜色格式转换：HEX、RGB、HSL、HSV 互转，实时预览色块与 WCAG 对比度参考，本地计算。
使用记录 0 展开
使用工具或停止输入约 3 秒后会自动保存输入内容，点击列表可恢复。仅存于本浏览器，不会上传。
使用说明
- 输入 #HEX、rgb() 或 hsl() 颜色值，或使用取色器
- 查看 HEX、RGB、HSL、HSV 及可直接复制的 CSS 声明
- 参考与黑/白背景的对比度，辅助判断文字可读性
网页颜色格式说明
适用场景
- 设计稿 HEX 色值与 CSS rgb() / hsl() 互转
- 前端开发复制可直接粘贴的
rgb()、hsl()声明 - 检查文字与背景对比度，辅助满足 WCAG 可读性要求
- 与 进制转换 配合理解十六进制颜色分量
支持的输入格式
| 格式 | 示例 |
|---|---|
| HEX 六位 | #2563EB、2563EB |
| HEX 三位简写 | #F00 → #FF0000 |
| HEX 含透明度 | #2563EB80 |
| RGB / RGBA | rgb(37, 99, 235) |
| HSL / HSLA | hsl(217, 91%, 53%) |
对比度参考（WCAG 2.1）
普通正文建议对比度 ≥ 4.5:1；大号文字（18px+ 或 14px 粗体）可 ≥ 3:1。 本工具展示当前颜色与纯黑、纯白的对比度比值，供快速判断；正式无障碍审计仍需结合真实背景与字号。
颜色换算在浏览器本地完成。
颜色转换常见问题
- 支持简写 HEX 吗？
- 支持。#RGB 会自动展开为 #RRGGBB；也支持 #RRGGBBAA 透明度。
- 对比度数值怎么用？
- 普通正文建议与背景对比度 ≥ 4.5:1。本工具给出与纯黑、纯白的比值供快速参考，正式无障碍审计需结合真实背景色。
- 数据会上传吗？
- 不会。颜色换算在浏览器本地完成。