ImageColorPicker.com

颜色对比检查器

测试前景色和背景色之间的对比度以确保可访问性。

1.00:1
对比度
Fail
非常差

普通文本

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

大文本

AA (3:1)
✖
AAA (4.5:1)
✖
#FFFFFF
#ffffff
#546E7A
#546e7a

快速修复

Aa

预览标题

敏捷的棕色狐狸跳过懒狗

小文本示例(12px)

文本
#ffffff
背景
#546e7a

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+ 点正文字体或 14+ 点加粗)应至少有 3:1 的颜色对比度比。

主要功能

  • • 实时对比度比率计算
  • • WCAG AA & AAA合规检查
  • • HSL滑块微调
  • • 多种预览格式

高级工具

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