支持哪些颜色格式？

支持十六进制格式，包括 #RGB 和 #RRGGBB，例如 #fff 或 #ffffff。

如何判断对比度是否通过？

工具根据 WCAG 2.1 标准自动判定：AA 普通文字需 ≥4.5:1，AA 大字需 ≥3:1，AAA 普通文字需 ≥7:1，AAA 大字需 ≥4.5:1。

可以交换前景色和背景色吗？

可以，点击“交换颜色”按钮即可快速互换。

复制结果会复制什么内容？

复制当前状态栏显示的对比度结果文本，例如“对比度 4.5:1 — AA普通:通过 / AA大字:通过 / AAA普通:未通过 / AAA大字:通过”。

Craftvo

Color Contrast Checker - WCAG Accessibility Contrast Testing Tool

Color Contrast Checker - WCAG Accessibility Contrast Testing ToolColor Contrast Checker - WCAG Accessibility Contrast Testing Tool — a free online tool, ready to use without installation.免费在线工具，依据 WCAG 2.1 计算前景色与背景色的对比度，并判定 AA/AAA 等级是否通过。设计师和前端开发者需要确保文字与背景颜色的对比度符合无障碍标准，但手动计算复杂且容易出错。

#color contrast checker #WCAG contrast #accessibility checker #contrast ratio #color contrast tool #WCAG compliance #contrast test #accessibility tool #color checker #contrast ratio calculator

About this tool

免费在线工具，依据 WCAG 2.1 计算前景色与背景色的对比度，并判定 AA/AAA 等级是否通过。

When to use

设计师和前端开发者需要确保文字与背景颜色的对比度符合无障碍标准，但手动计算复杂且容易出错。

How to use

1打开工具页面，默认显示前景色 #111827 和背景色 #ffffff。
2通过颜色选择器或输入十六进制色值（如 #RRGGBB）设置前景色和背景色。
3工具自动计算对比度并显示在预览区域，同时更新 AA/AAA 各等级的通过状态。
4如需交换前景色和背景色，点击“交换颜色”按钮。
5点击“复制结果”可将对比度结果复制到剪贴板。

Input & output

输入：前景色和背景色的十六进制色值（支持 #RGB 或 #RRGGBB 格式）。输出：对比度比值（如 4.5:1）、AA/AAA 各等级通过/未通过状态，以及预览效果。

Who it's for

Creator11159468968

Related tools

Lorem Ipsum Generator - Online Random Placeholder Text Tool

Free

Lorem Ipsum Generator - free online tool to create random placeholder text instantly, no installation required.

Unknown

Content-Type Lookup - Online MIME Type Reference Tool

Free

Content-Type Lookup - an online MIME type reference tool. Free, instant access, no installation required.