颜色对比检查

前景颜色

请输入一个有效的十六进制三联体,或使用颜色选择器。。

背景颜色

请输入一个有效的十六进制三联体,或使用颜色选择器。。

对比度

正常的文本

WCAG AA:

WCAG AAA级:

五个拳击向导跳得很快。。

大型文本

WCAG AA:

WCAG AAA级:

五个拳击向导跳得很快。。

图形对象和用户界面组件

WCAG AA:

图像/ svg + xml

解释

输入一个前景和背景颜色的RGB十六进制格式(e。g。,# FD3 # F7DA39)或使用颜色选择器选择一个颜色。轻滑块可用于调整所选的颜色。。

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

大型文本定义为14点(通常是18。66 px)和大胆的或更大,或18点(一般在24 px)或更大。。

提示: Colorzilla是一个很好的工具,提取任何页面元素的颜色值。此外,,可以分析对比比率对所有页面文本元素。。

使用我们的链接对比检查评估链接标识单独使用颜色。。

新!!

这个工具也可以作为一个基本的API。简单的添加api任何得到一个JSON对象的对比度和AA / AAA通过/失败状态。例如:https://webaim。org/万博亚洲体育官网resources/contrastchecker/?fcolor = FF0000&bcolor = FFFFFF&api。。