无障碍配色查找工具
检查前景色与背景色之间的 WCAG 2.x 颜色对比度：获取准确的对比度比例，普通和大号文字的 AA 与 AAA 通过/失败判定，以及在配色不达标时给出建议的无障碍前景色。
输入
文字的颜色。
文字背后的颜色。
输出
| 指标 | 数值 |
|---|---|
| No data yet | |
对您的前景色进行最小亮暗调整，使其通过 WCAG AA 普通文字标准。如果您的配色已经达标，则保持不变。
使用此工具的更多方式
REST API
curl -X POST https://api.iotools.cloud/v1/tool/accessible-color-pair-finder \
-H "Authorization: Bearer YOUR_API_KEY" \
-H "Content-Type: application/json" \
-d '{
"foregroundColor": "#000000",
"backgroundColor": "#FFFFFF"
}'替换成您账户中的密钥。工具的字段即为请求体——没有额外包装。
让 AI 代理执行
Use the IOTools `accessible-color-pair-finder` tool (Accessible Color Pair Finder) on this input:
YOUR_INPUT_HERE将此粘贴给任何已连接 IOTools MCP 服务器的代理,再加上您的输入内容。
嵌入式小组件
<iframe
src="https://iotools.cloud/embed/accessible-color-pair-finder/"
width="100%" height="520" frameborder="0" scrolling="no" loading="lazy"
title="无障碍配色查找工具 — iotools.cloud"
sandbox="allow-scripts allow-forms allow-same-origin allow-downloads allow-popups allow-popups-to-escape-sandbox"
allow="clipboard-write"
style="width:100%;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden"></iframe>
<script src="https://iotools.cloud/embed.js" async></script>把它放到您自己的页面上——免费,无需密钥,只需保留一个反向链接。
| 每次 API/MCP 调用费用 | 5 积分起 |
|---|---|
| 需要更多积分? | 查看定价 |
也可通过
使用指南
选择前景色和背景色，此工具将检查这对颜色是否符合 Web Content Accessibility Guidelines (WCAG) 对比度要求 —— 这是无障碍审计、Lighthouse 以及大多数法律规定的数字无障碍要求（ADA、EN 301 549、Section 508）所采用的标准。
什么是 WCAG 颜色对比度？
WCAG 2.x 定义了两个公式。首先是相对亮度 —— 一种颜色的明暗程度，按人眼对红、绿、蓝的感知进行加权（使用线性化的 sRGB 通道计算，L = 0.2126×R + 0.7152×G + 0.0722×B）。其次是两种颜色之间的对比度比例 —— (L1 + 0.05) / (L2 + 0.05)，即较亮亮度除以较暗亮度 —— 范围从 1:1（颜色相同）到 21:1（纯黑底纯白）。
WCAG 规定了文本的最低对比度比例，以确保低视力或色觉缺陷人群能够阅读：
- AA，普通文字： 4.5:1
- AA，大号文字（≥18pt，或 ≥14pt 加粗）：3:1
- AAA，普通文字： 7:1
- AAA，大号文字： 4.5:1
AA 是大多数网站追求的标准 —— 无障碍审计和大多数法律标准要求的正是这一等级。AAA 更为严格，主要适用于政府产品或对无障碍要求较高的产品。
如何使用
- 选择你的前景（文字）颜色 —— 输入 hex 值或使用取色器。
- 选择你的背景颜色。
- 结果表格会即时更新，显示准确的对比度比例以及四个阈值（AA/AAA × 普通/大号）的通过/失败徽标。
- 如果你的配色在普通文字上未达到 AA，工具还会计算一个建议的无障碍前景色 —— 与你原色最接近的亮度调整（变深或变浅，取视觉变化较小者），在保持相同色相和饱和度的情况下达到 4.5:1。
常见问题
为什么同一对颜色有时大号文字通过、普通文字却不通过？ 更大更粗的文字在较低对比度下也更容易阅读，因此 WCAG 对至少 18pt、或 14pt 加粗的文字将比例放宽到 3:1（AA）或 4.5:1（AAA）。
色盲会影响这一点吗？ 对比度比例是亮度计算，而不是颜色差异计算，因此它在常见的色觉缺陷形式下依然表现良好 —— 但它并不能取代对"信息是否仅靠色相传达"的检查（例如"红色 = 错误"还需要图标或文字标签）。
为什么建议的前景色和我输入的色相不一样？ 色相和饱和度完全相同 —— 只是亮度改变，朝哪个方向（靠近黑色或靠近白色）能以最小偏离你的原色达到 4.5:1，就朝哪个方向调。
如果我想要 AAA 合规怎么办？ 查看结果表格中的 AAA 行。建议颜色功能目前针对的是普通文字 AA（4.5:1），这是大多数审计采用的阈值；满足 AA 的颜色不一定满足 AAA。
我的颜色数据会被发送到任何地方吗？ 不会 —— 所有计算都完全在你的浏览器中进行。不会上传或存储任何内容。