a11y.skipToMainContent
1

对比度检查器

检查前景颜色和背景颜色之间的颜色对比比 。 核查WCAG 2.1 AA和AAA遵守通过/失效指标的情况.

Contrast Checker

Large Text (18pt+)

Normal body text (16px)

21:1
Contrast Ratio
AA Normal
AA Large
AAA Normal
AAA Large
More options
Was this tool helpful?
Send output to:
Advertisement

How to use Contrast Checker

  1. 输入或选择前景( 文本) 颜色 .
  2. 输入或选择背景颜色.
  3. 查看对比比和WCAG通过/失败结果.
  4. 调整颜色直到它们达到你的目标遵守水平.

{姓名}是什么来着?

一个对比检查器根据WCAG 2.1准则计算出两种颜色之间的对比比. 它决定文本在普通文本,大文本,和UI组件的背景色下是否可以被读取.

WCAG 2.1要求普通文本的最低对比比为4.5:1,大文本为3:1,普通文本为7:1,大文本为4.5:1. 此工具立即显示所有四项标准的通过/失败。

Advertisement

FAQ

什么是好对比率?
WCAG 2.1 AA对普通文本要求4.5:1,对大文本要求3:1. AAA对正文要求为7:1,对大文要求为4.5:1.
何等为大文字?
大文本被定义为18pt(24px)及以上,或14pt(18.66px)及以上如果粗体.

Related tools

Author

NK
Prof. Noah Klein"The Privacy Guardian"

Cybersecurity Researcher & Privacy Advocate

Professor Klein holds a PhD in Information Security and has testified before EU parliamentary committees on data privacy legislation. He builds encryption tools for journalists, audits web applications for security flaws, and believes that privacy is not a feature but a fundamental right. His research has been cited in Wired, Nature, and The Guardian, and he advises nonprofits on responsible data stewardship.

Advertisement