对比度 4.5:1 和可粘贴的阴影

给前端复制 token。真页面还有背景图和半透明，数字过了也可能翻车。不是品牌手册，也不是 Pantone。

按钮字看不清、要一组能交差的配色、卡片阴影不要写成一团黑——设计页输出能粘贴的 CSS。不是整站设计稿，也不是无障碍出具证明。工单里的 2.8:1，回来重算相对亮度比。

能写 CSS 的站点继续写 CSS，不要把圆角、阴影先烧进图片。图标和 SVG 在图片/生成器一侧。整份样式表不会被读入。

建议顺序

• 对比度检查 按 WCAG 口径报比值。正文 AA 常见 4.5:1，大号字或控件常见 3:1，AAA 正文常见 7:1。半透明先吸实际像素。
• 配色生成 只是起点，出图前再过一遍对比度。色盲不会自动保证。
• CSS 阴影 和 CSS 渐变 出代码。阴影不进对比度公式。渐变上的字随位置变。
• CSS 单位换算 假定根字号后的 rem/em/px。html { font-size: 62.5% } 会改 1rem。和 单位换算（公里、斤）不是一页。
• 截图吸一个点走图片取色。站点图标走网站图标（常见 32 / 180 / 192 / 512）。

网站图标和 SVG 在图片/生成器一侧。整份样式表不会被读入。占位灰块走占位图。

对比度是比值，不是认证

调色板和取色是颜色。正文常见 4.5:1、大字/部分 UI 3:1，不出符合性报告。阴影和渐变是 CSS 片段，文档里请围栏。站点图标逻辑尺寸是 32 / 180 / 192 / 512，不是应用商店整包。印刷专色不保证。暗色主题要重新算，不要抄浅色主题的比值。