不喜欢广告? 无广告 今天

WCAG 对比度检查器

颜色开发人员
广告 · 消除?

前景色(文本)


背景颜色

普通文本(16px)— 快速的棕色狐狸跳过懒狗。

大号文本(18px粗体)— 快速的棕色狐狸。

大号文本(24px)— 快速的棕色狐狸。

对比度
21:1
等级 普通文本 Large Text
WCAG AA
WCAG AAA
广告 · 消除?

指导

WCAG 对比度检查器

检查颜色对比度比率以符合网页可访问性标准。验证您的文本和背景颜色组合是否符合WCAG AA和AAA标准,以确保所有用户(包括有视觉障碍的用户)都能阅读您的内容。

如何使用

使用颜色选择器或键入HEX/RGB值输入前景色(文本)和背景色。该工具会即时计算对比度比率,并显示您的组合是否通过了普通文本和大号文本的WCAG AA和AAA标准。使用交换按钮快速反转颜色。

特征

  • 实时预览 – 实时查看您的文本在背景上的外观
  • WCAG AA & AAA 合规性 – 普通文本和大号文本在两个级别的通过/失败徽章
  • 对比度显示 – 精确的比例计算(例如,4.5:1)
  • 多种输入格式 – 以HEX、RGB格式输入颜色,或使用颜色选择器
  • 交换颜色 – 一键快速反转前景色和背景色
  • 改进建议 – 当您的颜色不符合标准时获取建议
  • 示例文本大小 – 以普通(16px)和大号(18px粗体/24px)尺寸预览

广告 · 消除?
想要享受无广告的体验吗? 立即无广告

安装我们的扩展

将 IO 工具添加到您最喜欢的浏览器,以便即时访问和更快地搜索

添加 Chrome 扩展程序 添加 边缘延伸 添加 Firefox 扩展 添加 Opera 扩展

记分板已到达!

记分板 是一种有趣的跟踪您游戏的方式,所有数据都存储在您的浏览器中。更多功能即将推出!

广告 · 消除?
广告 · 消除?
广告 · 消除?

新闻角 包含技术亮点

参与其中

帮助我们继续提供有价值的免费工具

给我买杯咖啡
广告 · 消除?