色彩对比度检测器

所有工具
色彩对比度检测器
检查文本色与背景色之间的 WCAG 对比度——查看普通文本、大号文本及 UI 组件的 AA/AAA 合规等级，附实时预览与无障碍颜色建议。
文本颜色
色调
背景颜色
色调
对比度
--:1
普通文本
18px 以下正文（或 14px 以下粗体）
AA AAA
大号文本
18px 以上普通字体，或 14px 以上粗体
AA AAA
UI 组件
图标、边框、表单控件及图形元素
AA AAA
实时预览

敏捷的棕色狐狸

对比度充足时，大号文本阅读起来更舒适。

这是一段普通正文示例。良好的色彩对比度让所有人都能轻松阅读你的内容，包括低视力或色盲用户。 示例链接.

小号文字和图注是最难阅读的——它们需要最高的对比度。
示例按钮 示例按钮
建议

所有计算均使用 WCAG 2.x 相对亮度公式在浏览器中实时完成——无需上传，无需注册，完全免费。

分享
相关工具
色盲模拟器

以红色盲、绿色盲、蓝色盲或全色盲者的视角查看你的图像或调色板——完全在浏览器中运行，不上传任何内容。
颜色代码转换器

在 HEX、RGB、RGBA、HSL、HSLA 和 HSV 之间自由转换——选择颜色、调整透明度，即时复制任意格式。
调色板导出器

粘贴或导入一组颜色，即时导出为 CSS 变量、SCSS、Tailwind 配置、JSON 或 SVG 色样——任何调色板的收尾工具。
热门搜索
颜色对比度检查 wcag 对比度 无障碍对比度检查 文字对比度检查 aa aaa 对比度测试 在线检查颜色对比度

将此免费工具添加到你自己的网站 — 复制并粘贴下面的代码。