视觉层级
天地玄黄，宇宙洪荒。可读性对于无障碍访问和严格的设计系统至关重要。
对比度检查器是一款无障碍工具，用于测量前景色和背景色之间的亮度差异。它计算对比度比率，并评估你的颜色组合是否符合 WCAG 2.1 标准。Color Taste 的对比度检查器提供 AA 和 AAA 级别的即时通过/未通过结果，并在颜色不达标时提供自动修复建议。
验证你的颜色是否满足 WCAG AA 标准：正文 4.5:1，大文本和 UI 组件 3:1。
检查是否满足更严格的 AAA 标准：正文 7:1，大文本 4.5:1。
测试正文、大文本（18pt+）、按钮、输入框边框、图标等各类 UI 元素的对比度。
在第一个输入框中键入或粘贴你的文本/前景色，支持 HEX、RGB 或 HSL 格式。
在第二个输入框中输入背景色。实时预览会立即更新。
对比度比率自动计算。绿色对勾表示通过，红色叉号表示未通过相应 WCAG 级别。
当颜色组合未通过时，点击自动修复建议来调整颜色，同时保持设计意图。
获取实时对比度比率计算，以及 AA 和 AAA 标准的通过/未通过结果。
当对比度不达标时，获取智能建议，以最小调整满足无障碍要求。
实时查看文本在背景色上的实际效果，支持不同文本大小的预览。
使用你喜欢的颜色格式。检查器自动处理所有转换。
在设计过程中验证无障碍合规性。
在代码发布前验证对比度。
确保色彩令牌调色板符合 WCAG 标准。
大规模审计和修复对比度问题。
WCAG 2.1 为不同内容类型和合规级别定义了最低对比度比率：
正文 4.5:1，大文本（18pt 或 14pt 加粗）3:1。这是最常见的合规目标。
正文 7:1，大文本 4.5:1。最高无障碍标准的黄金准则。
按钮、输入框边框、图标等传递含义的图形元素最低 3:1。
WCAG AA 要求：正文至少 4.5:1，大文本（18pt 或 14pt 加粗）至少 3:1，非文本 UI 组件至少 3:1。
AAA 是更严格的标准：正文 7:1，大文本 4.5:1。大多数设计系统以 AA 为最低要求，AAA 作为关键内容的理想目标。
可以。Color Taste 的对比度检查器支持 HEX、RGB 和 HSL 颜色格式。以任何格式输入颜色，工具会自动处理转换。
当颜色组合未通过时，Color Taste 会建议调整后的颜色，在尽可能保持原始设计意图的同时满足 WCAG 要求。点击建议即可即时应用。
是的，Color Taste 的对比度检查器完全免费。无需注册，无水印，无使用限制。你可以检查任意多的颜色组合。