1.00:1
对比
Fail
非常差
正常文本
AA (4.5:1)
✖
AAA (7:1)
✖
大文本
AA (3:1)
✖
AAA (4.5:1)
✖
Black
#000000
Black
#0088cc
快速修复
Aa
预览标题
敏捷的棕狐狸跳过懒惰的狗
小文本示例(12px)
文本
#000000
背景介绍
#0088cc
WCAG 标准
Level AA
普通文本的最低对比度为 4.5:1,大文本为 3:1。大多数网站都需要。
Level AAA
增强型对比度,正常文本为 7:1,大文本为 4.5:1。建议使用,以获得最佳的可读性。
所有文字大小的对比度不足--不符合 WCAG 标准。
色彩对比度检查器
计算文字和背景颜色的对比度。
使用颜色选择器为文字和背景颜色选择颜色,或输入 RGB 十六进制格式的颜色(如 #259 或 #2596BE)。您可以调整滑块来选择颜色。网页内容可访问性指南》(WCAG)有一个专门的准则来帮助判断文字是否适合视力正常的用户阅读。该准则使用一种特殊算法将颜色组合映射为可比比率。 使用此公式,WCAG 规定,对于普通(正文)文本,文本与背景的色彩对比度为 4.5:1,而大文本(18 pt 以上的普通文本或 14 pt 以上的粗体文本)的色彩对比度至少应为 3:1。
主要功能
- • 实时对比度计算
- • WCAG AA 和 AAA 合规性检查
- • 用于微调的 HSL 滑块
- • 多种预览格式
高级工具
- • 自动定色
- • 文本和背景样本
- • 颜色名称检测
- • 导出结果