造一个配色无障碍检查器：选色不吵架，看数字

「这个灰够不够清晰」——设计评审里最容易吵起来的问题，其实有标准答案：无障碍对比度有明确的公式和门槛。这节课造一个配色无障碍检查器，从此选色不靠吵架，靠数字。这也是你亲手造的第一个「把判断变成工具」的东西。

01跟做：一段提示词

帮我做一个网页版「配色无障碍检查器」（本地运行）：
1. 我选或输入前景色和背景色，实时算出 WCAG 对比度数值
2. 标明是否通过 AA / AAA 标准——正文文字和大号文字分开判断
3. 实时预览这组颜色放在真实文字、按钮、标签上的效果
4. 不达标时，给出「调到达标」的最接近颜色建议（说明往哪个方向调了多少）
5. 支持一次贴入整套色板，批量出一张「哪些组合能用」的矩阵表
界面干净，纯本地打开就能用。

验收要点：拿两组你已知答案的颜色核对数值（纯黑配纯白应为 21，同色应为 1），公式对了才能信。然后把你的品牌色板全量跑一遍——那张「能用组合矩阵」立刻就是团队资产。

02为什么这个工具值得当第一课

• 无障碍越来越是硬要求：很多甲方和地区已经强制，检查器把合规变成日常动作而不是交付前的赌博；
• 它终结主观扯皮：评审里「我觉得清晰」vs「我觉得不清晰」的争论，被一个数字终结——这是「把判断变成工具」最直观的胜利；
• 校准提醒：数字达标是底线不是终点——「够不够好用」还要真人验证（老花眼同事看一眼比什么都准），别因为工具说达标就跳过真实测试。

03顺手升级：焊进你的工作流

检查器用顺后加一步：把「新配色方案必须先过检查器」写进你的规矩文件——以后让 AI 出任何界面配色，它会先自己跑一遍对比度再交给你。工具 + 规矩 = 不会再犯的错误类型。

04检查点