对比度 4.5:1 怎么测：无障碍配色的实操流程

"这个颜色看着挺清楚"是最不可靠的判断。无障碍标准给出的门槛是正文 4.5:1、大字号 3:1，而这个数字是可以算出来的。

对比度到底在算什么

相对亮度公式里，先把每个通道做伽马校正（约 2.2），加权求和得到亮度，再用 (L1+0.05)/(L2+0.05) 得出比值。所以纯黑与纯白的对比度是 21:1，而"深灰字配浅灰底"很容易掉到 3:1 以下。

实操流程

• 取色：从设计稿里取出文字色与背景色的十六进制值，注意背景要取文字实际压着的那一层，不是画板底色。
• 计算：用浏览器开发者工具的颜色选择器直接看对比度提示，或用任意在线计算器。
• 判定：正文不达 4.5:1 就调，18px 以上或加粗的大标题可以放宽到 3:1。
• 复核：把界面切到深色模式再算一遍，很多配色在浅色下合格、深色下崩掉。

常见翻车点

一是半透明遮罩。设计稿里文字压在 60% 透明的图上，实际背景色是混合后的结果，直接拿图的主色去算必然错。二是渐变背景，文字两端对比度不同，要按最不利的那一端算。三是状态色，红色警示字配浅红底，看着醒目，对比度常常只有 2:1。

调整思路

不达标的处理顺序是：先改文字色（加深或提亮），再改背景明度，最后才考虑加描边或底衬。加描边虽然"看起来能读"，但会让文字边缘变脏，长期看不舒服。真正优雅的方案是只动明度、不动色相，保持品牌色的识别度。

本文首发于 izzsj.com，作者保留全部权利。未经书面授权，禁止任何形式采集、转载与镜像；转载请注明来源并保留原文链接。