WebAIM-考虑到Web可访问性

颜色对比度检查器

前景色

请输入有效的六角三重态,或者使用颜色选择器。

背景色

请输入有效的六角三重态,或者使用颜色选择器。

对比度

正常文本

WCAG AA:

WCAG AAA:

五个拳击奇才跳得很快。

大文本

WCAG AA:

WCAG AAA:

五个拳击奇才跳得很快。

图形对象和用户界面组件

WCAG AA:

图像/SVG+XML

解释

以RGB十六进制格式(例如,#fd3或f7da39)或使用颜色选择器选择颜色。亮度滑块可用于调整所选颜色。

WCAG 2AA级要求正常文本的对比度至少为4.5:1,大文本的对比度至少为3:1。图形和用户界面组件(如表单输入边框)的对比度至少为3:1。AAA级要求正常文本的对比度至少为7:1,大文本的对比度至少为4.5:1。

大文本定义为14点(通常为18.66px)和粗体或更大,或18点(通常为24像素)或更大。

提示: 彩色染料是从任何页面元素提取颜色值的优秀工具。此外,可以一次分析所有页面文本元素的对比度。

使用我们的链接对比度检查器评估仅使用颜色标识的链接。

新!

该工具还可以作为基本API使用。简单追加和API对任何得到一个对比度和AA/AAA通过/失败状态的JSON对象。例如://www.kanehsu.com/万博亚洲体育官网resources/contrastchecker/?fcolor=ff0000&bcolor=ffffff&api.