跳至内容

对比检查器

检查两种颜色之间的 WCAG 颜色对比度。获取普通文本和大文本的比率加上 AA / AAA 判决 — 一切都在您的浏览器本地运行。

对比度14.05:1
WCAG 裁决
AA·普通文本经过
AA·大字经过
AAA·普通文本经过
AAA·大字经过
实时预览

小文本 (12px) — 敏捷的棕色狐狸跳过了懒狗。

正文 (16px) — 敏捷的棕色狐狸跳过了懒狗。

粗体文本(14 像素粗体)——敏捷的棕色狐狸跳过了懒狗。

大文本 (24px) — 快速棕色狐狸。

特征

它是如何运作的

  1. 选择前景色(文本)和背景色。
  2. 读取实时计算的对比度。
  3. 使用 Swap 测试反向配对,或进行调整直至 AA/AAA 通过。

您的文件永远不会离开此页面

每个转换都完全使用 WebAssembly 在浏览器中运行。没有上传,没有服务器端处理,没有分析,也没有cookie。运行过程中打开DevTools → Network,会看到出站流量为零。

相关工具

Topics covered