颜色代码转换 — HEX、RGB、HSL、CMYK，亮度对比度检查
用于将设计稿中的颜色转换为 CSS 代码，或按无障碍标准检查按钮文字是否清晰易读。
文件不会传送到服务器 — 仅在本机浏览器内处理
亮度对比度检查（WCAG）
这是将此颜色用作文字颜色时与背景的对比度。正文 AA 4.5:1，AAA 7:1 / 大号文字（24px 或加粗 18.7px 以上）AA 3:1，AAA 4.5:1。
示例文字 Aa 123
白色背景6.29:1
✓ AA 正文 ✗ AAA 正文 ✓ AA 大号文字 ✓ AAA 大号文字
示例文字 Aa 123
黑色背景3.34:1
✗ AA 正文 ✗ AAA 正文 ✓ AA 大号文字 ✗ AAA 大号文字
示例文字 Aa 123
自选颜色 #FFFFFF6.29:1
✓ AA 正文 ✗ AAA 正文 ✓ AA 大号文字 ✓ AAA 大号文字
明暗程度
点击格子即可复制 HEX 代码。
广告
颜色转换 使用方法
- 1输入颜色代码，或使用颜色选择器选取（支持 #4f46e5、rgb()、hsl() 等格式）。
- 2会显示所有格式的代码，点击即可复制。
- 3查看与白色、黑色及自选颜色的对比度、是否符合 WCAG 标准，以及明暗程度。
常见问题
对比度需要达到多少以上？
WCAG AA 标准要求正文文字对比度 4.5:1 以上、大号文字 3:1 以上；AAA 标准则分别要求 7:1、4.5:1 以上。
CMYK 数值与印刷厂不一致。
此处的 CMYK 仅为简单的数学换算。实际印刷效果会因纸张、油墨配置而异，请以印刷厂的标准为准。
广告