AI 网页配色：白底 #777777 还没到普通文字门槛

白底上的 #777777 灰字，对比度约为 4.478089:1，普通文字要求至少4.5，所以差一点也没过。换成 #767676，约为 4.542225:1，才跨过这条线。两者如果只保留一位小数，都能显示成4.5；判断时要用完整计算值。

AI 写好网页后，可以先把实际文字色和背景色填进附件里的本地小工具。默认就是第一组灰字白底：显示4.48，普通文字“未通过”，大字“通过”。下面是固定样例在 Chromium 中运行的实际结果区域：

解压后可用本机 HTTP 打开。需要 Python 3，在材料目录运行：

python -m http.server 8765 --bind 127.0.0.1

浏览器地址栏输入 127.0.0.1:8765。结束时在终端按 Ctrl+C。页面本身没有第三方库或模型接口，直接在当前浏览器里计算；本次验证用的也是这个本机 HTTP 路径。

填入两个色值，点“计算对比度”。也可以点“#767676 / 白底”切换到通过的例子，或交换前景与背景。修改输入后旧结果会立即清空；无效输入会提示错误，不留着上一组“通过”让人误会。

工具只接受不透明 sRGB 的 #RGB、#RRGGBB。这里的 #777 等于 #777777，但 #767 展开是 #776677，不是 #767676。

把结果用回 CSS

这是一份独立小样例，目标是白底上的18px、400字重说明文字。手工把前景从 #777777 改成 #767676，其他样式保留：

.caption {
  color: #767676;
  background-color: #ffffff;
  font-size: 18px;
  font-weight: 400;
}

只对这组明确的、不透明白底文字做了计算。实际页面若有透明度、父层背景或其他覆盖样式，要先弄清最终承载文字的背景，再检查。

让 AI 改现有页面时，可以把实际 HTML/CSS 和这段要求一起给它：

请只修改所附页面中解决文字对比问题需要的颜色，保留字号、字重和交互。
逐组列出实际文字选择器、前景、背景、对比度和适用阈值，给出完整CSS修改块。
普通文字至少4.5:1；只有实际满足大字条件的文字才用3:1。
使用WCAG 2相对亮度方法，用未舍入的比值判断。
透明、渐变、图片背景或缺少上下文的组合标为待查，不默认成白底。
应用后分别复查正文、说明、按钮及已提供的交互状态；没检查的别写通过。

完整提示词已放进包里。拿到修改后，把给出的色值重新填进工具，确认它写的数字和当前页面一致。

大字的3:1也有前提。W3C定义通常为至少18pt常规字或14pt粗体，按 CSS 换算是24px或约18.67px；中文等效字号还需结合字体复杂度看。本工具普通预览是18px/400，大字预览是24px/700的 Latin 短句，不能把大字“通过”套到整页正文。

下载本地HTML工具、完整改色提示词、验证脚本与实际截图（ZIP，9个文件）

这里只检查一对不透明纯色文字的 WCAG 2 对比度。透明叠色、渐变、图片背景和其他方法不在范围内；这也不等于整页的焦点、图标和键盘操作都已检查。

本地 Chromium 实际跑了 33 项检查，包含临界两例、黑白、相同颜色、三位展开、非法输入后的清空与恢复、交换、键盘操作和手机宽度。最终 ZIP 已在新目录解压复跑，记录与验证脚本随包提供；这不是模型生成页面效果的评测。

参考：W3C《WCAG 2.2》对比度最低要求、相对亮度定义及相关说明，2026-10-24查阅。