色彩对比度检查器

测试前景色和背景色之间的对比度,确保无障碍使用。

1.00:1
对比
Fail
非常差

正常文本

AA (4.5:1)
AAA (7:1)

大文本

AA (3:1)
AAA (4.5:1)
Black
#000000
Black
#00ff45

快速修复

Aa

预览标题

敏捷的棕狐狸跳过懒惰的狗

小文本示例(12px)

文本
#000000
背景介绍
#00ff45

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 滑块
  • 多种预览格式

高级工具

  • 自动定色
  • 文本和背景样本
  • 颜色名称检测
  • 导出结果