IO之道 Pure In. Value Out.

颜色对比度

输入前景色与背景色,计算 WCAG 2.1 对比度比率并判定 AA/AAA 等级。纯前端计算。

示例文本
对比度 AA AAA
正文文本(≥ 4.5:1) 大号文本(≥ 3:1) UI 组件(≥ 3:1)

关于颜色对比度

本工具按 WCAG 2.1 计算对比度比率:(L1 + 0.05) / (L2 + 0.05),其中亮度 L 由 sRGB 通道经线性化(每通道 c/12.92 或 ((c+0.055)/1.055)^2.4)后加权 0.2126R + 0.7152G + 0.0722B 得到。AA 等级要求正文 4.5:1、大号文本与 UI 组件 3:1;AAA 要求正文 7:1、大号文本 4.5:1。计算完全在本地完成。