颜色与可访问性

APCA 对比度计算器核对屏幕文字配色

输入文字色和背景色,查看带符号的 Lc,再按实际字号与字重阅读参考条件。

APCA 对比度计算器

前景色

对比度结果

APCA 感知对比度
Lc 101.5

深字浅底

字号参考

所选条件: 16px · 400 · 正文

当前字重最小参考字号: 15px

处于参考范围内

正文至少参考 Lc 75;查表值不是合规判定。

300: 18.5px400: 15px700: 13px

Lc 等级怎么读

Lc 90: 正文优选

Lc 75: 正文最低参考

Lc 60: 流畅文字最低参考

Lc 45: 大字最低参考

Lc 30: 任意文字最低参考,不适合正文

Lc 15: 接近不可见,仅限特定非文字

APCA 是仍在发展中的感知对比度方法;本结果不是 WCAG 2.x 或 WCAG 3 合规证明。

官方 apca-w3 0.1.9;基础算法 0.0.98G-4g;适用于自发光显示屏上的网页内容。 © 2019–2022 Andrew Somers / Myndex.

计算只在浏览器中进行,颜色值不会上传。

文字条件

结果为最新。

深色文字放在白底上看起来清楚,反过来用在深色主题时却未必得到对称的读数。APCA 对比度计算器把文字色与背景色分开,避免交换时丢掉极性。

评审设计令牌时,可把它当作颜色对比度检查器的补充:感知对比度由色对决定,调整字号和字重只改变文字条件的解释,不会改写 Lc 值。

为什么使用 APCA 对比度计算器

输入文字色和背景色,查看带符号的 Lc,再按实际字号与字重阅读参考条件。

保留文字与背景的方向

APCA 对比度计算器对深字浅底给出正 Lc,对浅字深底给出负 Lc。交换两个颜色后仍保留符号,避免把两种极性压成一个无方向的比率。

两块不透明色样交换文字色与背景色位置,Lc 结果的正负号随之变化。

让数值对应真实文字

同一色对的 Lc 不随字号变化。参考表按字重给出最小字号,正文用途另有要求;低于参考时会明确提示,而不会出现虚假的通过徽章。

同一组颜色连接一个 Lc 数值,并列显示三种字重的最小参考字号。

避免把参考值读成认证

01

先确认颜色角色

先填文字色,再填不透明背景色;交换按钮会反转极性。输入停顿约 350 毫秒后自动重算。

02

填实际字体条件

选择 CSS 像素字号、字重以及正文或其他需阅读内容。它们影响查表解释,不改变色对的 Lc。

03

连同条件复制

关闭自动计算后可按 Ctrl 或 Cmd 加 Enter。输入或选项改变后,旧结果会过期,复制按钮在重新计算前不可用。

这组颜色能得到什么

带符号的感知对比度

采用官方算法计算不透明 sRGB 色对的 Lc,并明确标出深字浅底或浅字深底。

字号字重参考

按字重 300、400、700 给出参考最小字号;当前设置低于参考时显示提示,而非给出 WCAG 通过结论。

可复核的摘要

复制文字色、背景色、Lc、极性和字体条件,方便在设计评审中解释数值来自哪一组输入。

哪些输入和结论不在范围内

只算不透明 sRGB 单色对
仅接受三位或六位 HEX。透明色、渐变和图片背景需要确定实际像素与底层合成色,两个输入无法代表它们。
不换算 AA 或 AAA
APCA 的 Lc 是带符号的感知亮度差,不能一一换算成 WCAG 2.x 的 4.5:1 比率。正式判定请用对应算法。
不扫描整个页面
工具不知道其他文字、边框、焦点状态或图片。单组色对的结果不能证明整站无障碍。
不自动改写品牌色
本页不会寻找或应用所谓“达标”的替代色;参考值对应的是当前输入和所选文字条件。

APCA 对比度计算器常见问题

APCA 是什么?

APCA 根据文字与背景色估算屏幕阅读对比度,给出带符号的 Lc;这里还附字号字重参考。它不是现行 WCAG 2.x 比率的替身。

AA 与 AAA 有什么区别?

AA 与 AAA 属于现行 WCAG 2.x 的不同要求;本页不输出这两个等级。需要判定时应使用 WCAG 2.x 颜色对比度工具。

大号文本的标准是什么?

不同方法对大号文字有不同定义。这里选择 12–120 CSS 像素并参照 APCA 字重表,不把 WCAG 2.x 的固定大字门槛套到 Lc 上。

未达到标准时该怎么办?

先核对文字色和背景色是否填反,再看极性、字号和字重。若参考不足,需要调整配色或字体条件;本页不会自动改色。

颜色会发送到服务器吗?

不会。两种 HEX 颜色和字体选项只在浏览器内计算;复制操作仅在你点击后把摘要写入剪贴板。

发现某组颜色的判定不对?

用 APCA 对比度计算器复核下一组颜色

把下一组文字与背景令牌放进 APCA 对比度计算器,连同极性、字号和字重一起复制给评审者。

APCA 是仍在发展中的感知对比度方法;本结果不是 WCAG 2.x 或 WCAG 3 合规证明。