实用教程
用 Claude Opus 5.5 修好品牌配色对比度，不必重做品牌
让 Claude Opus 5.5 针对具体的文字与背景组合提出修改，再用确定性的计算核对颜色。品牌仍然可以保持辨识度，同时让按钮、小字和链接更容易读清。与其要求把所有橙色改成棕色，不如先说明每种颜色承担什么用途。
让 Claude Opus 5.5 针对具体的文字与背景组合提出修改，再用确定性的计算核对颜色。品牌仍然可以保持辨识度，同时让按钮、小字和链接更容易读清。与其要求把所有橙色改成棕色，不如先说明每种颜色承担什么用途。
本文是一套建议工作流，包含可复算的配色示例，不是 Opus 效果实测。官方提示词指南可用于明确交付要求：锁定已批准的标志，只修改指定的界面颜色变量。
提供颜色组合，而不只是一张情绪板
收集文字及其紧邻背景的实际 CSS 色值，并附上透明度、渐变、字号、字重和状态。截图能帮助定位，但取样像素可能受抗锯齿或压缩影响。计算时使用底层色值。
W3C 对比度说明要求普通文字至少 4.5:1，符合大字定义的文字至少 3:1。大字通常指至少 18 pt 常规字或 14 pt 粗体，其他文字系统按相当尺寸判断。不能把不达标的结果四舍五入成达标。标志的例外也不适用于整个品牌界面。
| 用途 | 保留什么 | 可以改什么 |
|---|---|---|
| 已批准标志 | 原始图稿 | 摆放位置和周围留白 |
| 小字按钮 | 文案与可读字号 | 字色或按钮底色 |
| 文内链接 | 含义和目标地址 | 字色，并明确加下划线 |
| 装饰色块 | 品牌色相 | 没遮挡内容时可不改 |
悬停、聚焦、按下状态分别检查。某组文字颜色通过计算，不等于整页无障碍验收完成；键盘操作和非文字指示还有各自的检查要求。
一个橙色按钮的具体计算
假设按钮文字为 16 px，白字配 `#FF4E00` 橙底。将 sRGB 通道线性化，算出相对亮度，再用 `(较亮值 + 0.05) / (较暗值 + 0.05)` 求比值，结果约 3.31:1，低于普通文字门槛。同一底色换黑字约为 6.34:1。验收时仍以未四舍五入的计算结果为准。
因此可以保留橙底并采用深色字，或者保留浅色字、为操作按钮制定更深的底色。鲜亮橙色仍能用于装饰，不必全局替换。不要让 Claude 凭观感宣布颜色合格；让它提出候选，并给核实后的计算值留出一列。
一则品牌色不易满足对比度的设计讨论也提出了这种实际矛盾。它说明读者有这个问题，不证明本流程能提高转化。
可直接复制的修改提示词
检查所附 CSS 与截图的文字对比度。
已批准的标志锁定，不重画，也不替换整套配色。
按钮底色 #FF4E00，字色 #FFFFFF，16 px 常规字重。
给出两个方案：保留橙底改深色字；保留浅色字改更深的操作底色。
每个方案返回准确的前景和背景色、受影响的变量名、普通/悬停/聚焦状态，以及最小 CSS 改动。
如果能执行代码，用 WCAG 的 sRGB 亮度公式计算；否则把比值标为未验证，并列出计算器输入，不编造达标值。
保留文案、目标地址、间距和组件行为。文内链接加下划线，避免只靠颜色区分。
单列尚待检查的项目。不能因为一组文字颜色通过就说整页符合无障碍要求。在实际版式中验收
先复制组件应用一个方案，以实际显示尺寸比较，并重算所有改动的颜色组合。检查真实背景，而不只看白色画板。半透明文字要计算合成后的颜色；跨渐变的文字要检查所覆盖的背景范围。
在窄屏和放大文字后阅读按钮，确认焦点指示仍然清楚，按下状态没有重新使用低对比度组合。将批准的颜色变量表与交付文件放在一起，让后续页面和广告沿用相同的操作颜色。
如何衔接 Panelly
确定并核实文字颜色后，在 Panelly Studio里探索包含商品、背景、标题和 CTA 的完整广告构图。文字跨复杂图片时可以要求提供纯色衬底，再以交付尺寸检查导出图片。这里没有声称 Panelly 集成了 Opus，也没有把它当作无障碍认证工具。
跨素材的统一问题可看品牌风格漂移，页面结构调整则看落地页修订流程。
常见问题
直接加粗就够了吗？
小字号加粗不会自动获得大字的较低门槛。按实际尺寸定义和颜色组合判断。
每个品牌色都必须与白色搭配达标吗？
不必。检查交付设计中实际承载信息的颜色组合。装饰强调色与可读的操作色可以各司其职。
