← Croprix 品牌手册 · 源文件 tokens/dist/contrast-report.md
WCAG 对比度核验报告
tokens v1.1.0 · 由 brand/tokens/build.mjs 自动生成，勿手改。
结果：全部通过（门槛组合 73 项，参考组合 4 项）。
阈值：正文角色 ≥ 4.5:1（AA），大字 / 图形 / 装饰角色 ≥ 3:1（AA-large）。
fg.subtle（占位、禁用）定义为装饰角色，按 3:1 核验。
white 对 accent 按大字 3:1 核验：白字落在 accent 上只允许 ≥ 18.66px 粗体；小字一律用 accent.fg（navy.950）。
亮色（门槛）
| 前景 | HEX | 背景 | HEX | 比值 | 阈值 | 等级 | 结果 |
|---|---|---|---|---|---|---|---|
color.white |
#FFFFFF | color.accent |
#55A400 | 3.14 | 3.0 | AA-large | PASS |
color.fg |
#28231D | color.bg |
#FDF5ED | 14.43 | 4.5 | AA | PASS |
color.fg |
#28231D | color.bg.raised |
#FFFFFF | 15.57 | 4.5 | AA | PASS |
color.fg |
#28231D | color.bg.sunken |
#F3EBE3 | 13.20 | 4.5 | AA | PASS |
color.fg.muted |
#6E6860 | color.bg |
#FDF5ED | 5.10 | 4.5 | AA | PASS |
color.fg.muted |
#6E6860 | color.bg.raised |
#FFFFFF | 5.51 | 4.5 | AA | PASS |
color.fg.muted |
#6E6860 | color.bg.sunken |
#F3EBE3 | 4.67 | 4.5 | AA | PASS |
color.fg.subtle |
#867F77 | color.bg |
#FDF5ED | 3.66 | 3.0 | AA-large | PASS |
color.fg.subtle |
#867F77 | color.bg.raised |
#FFFFFF | 3.95 | 3.0 | AA-large | PASS |
color.fg.subtle |
#867F77 | color.bg.sunken |
#F3EBE3 | 3.35 | 3.0 | AA-large | PASS |
color.fg.inverse |
#FDF5ED | color.bg.inverse |
#003459 | 11.90 | 4.5 | AA | PASS |
color.brand |
#003459 | color.bg |
#FDF5ED | 11.90 | 4.5 | AA | PASS |
color.brand |
#003459 | color.bg.raised |
#FFFFFF | 12.84 | 4.5 | AA | PASS |
color.brand |
#003459 | color.bg.sunken |
#F3EBE3 | 10.89 | 4.5 | AA | PASS |
color.accent.fg |
#002641 | color.accent |
#55A400 | 4.95 | 4.5 | AA | PASS |
color.accent.fg |
#002641 | color.accent.hover |
#6BAC1B | 5.57 | 4.5 | AA | PASS |
color.link |
#0B6EAB | color.bg |
#FDF5ED | 5.08 | 4.5 | AA | PASS |
color.link |
#0B6EAB | color.bg.raised |
#FFFFFF | 5.48 | 4.5 | AA | PASS |
color.link |
#0B6EAB | color.bg.sunken |
#F3EBE3 | 4.65 | 4.5 | AA | PASS |
color.success |
#375E01 | color.bg |
#FDF5ED | 7.04 | 4.5 | AA | PASS |
color.success |
#375E01 | color.bg.raised |
#FFFFFF | 7.60 | 4.5 | AA | PASS |
color.success |
#375E01 | color.bg.sunken |
#F3EBE3 | 6.44 | 4.5 | AA | PASS |
color.warning |
#8B5F13 | color.bg |
#FDF5ED | 5.20 | 4.5 | AA | PASS |
color.warning |
#8B5F13 | color.bg.raised |
#FFFFFF | 5.61 | 4.5 | AA | PASS |
color.warning |
#8B5F13 | color.bg.sunken |
#F3EBE3 | 4.76 | 4.5 | AA | PASS |
color.danger |
#AE3D3B | color.bg |
#FDF5ED | 5.51 | 4.5 | AA | PASS |
color.danger |
#AE3D3B | color.bg.raised |
#FFFFFF | 5.95 | 4.5 | AA | PASS |
color.danger |
#AE3D3B | color.bg.sunken |
#F3EBE3 | 5.04 | 4.5 | AA | PASS |
color.info |
#546C80 | color.bg |
#FDF5ED | 5.08 | 4.5 | AA | PASS |
color.info |
#546C80 | color.bg.raised |
#FFFFFF | 5.48 | 4.5 | AA | PASS |
color.info |
#546C80 | color.bg.sunken |
#F3EBE3 | 4.64 | 4.5 | AA | PASS |
color.chart.1 |
#0B6EAB | color.bg |
#FDF5ED | 5.08 | 3.0 | AA | PASS |
color.chart.2 |
#487900 | color.bg |
#FDF5ED | 4.85 | 3.0 | AA | PASS |
color.chart.3 |
#AB7304 | color.bg |
#FDF5ED | 3.75 | 3.0 | AA-large | PASS |
color.chart.4 |
#6285A1 | color.bg |
#FDF5ED | 3.61 | 3.0 | AA-large | PASS |
color.chart.5 |
#A6744A | color.bg |
#FDF5ED | 3.73 | 3.0 | AA-large | PASS |
color.chart.6 |
#CE514D | color.bg |
#FDF5ED | 3.96 | 3.0 | AA-large | PASS |
暗色（门槛）
| 前景 | HEX | 背景 | HEX | 比值 | 阈值 | 等级 | 结果 |
|---|---|---|---|---|---|---|---|
color.fg |
#FDF5ED | color.bg |
#002641 | 14.38 | 4.5 | AA | PASS |
color.fg |
#FDF5ED | color.bg.raised |
#003459 | 11.90 | 4.5 | AA | PASS |
color.fg |
#FDF5ED | color.bg.sunken |
#001B2F | 16.25 | 4.5 | AA | PASS |
color.fg.muted |
#CDC6BE | color.bg |
#002641 | 9.17 | 4.5 | AA | PASS |
color.fg.muted |
#CDC6BE | color.bg.raised |
#003459 | 7.59 | 4.5 | AA | PASS |
color.fg.muted |
#CDC6BE | color.bg.sunken |
#001B2F | 10.37 | 4.5 | AA | PASS |
color.fg.subtle |
#9D958E | color.bg |
#002641 | 5.26 | 3.0 | AA | PASS |
color.fg.subtle |
#9D958E | color.bg.raised |
#003459 | 4.36 | 3.0 | AA-large | PASS |
color.fg.subtle |
#9D958E | color.bg.sunken |
#001B2F | 5.95 | 3.0 | AA | PASS |
color.fg.inverse |
#002641 | color.bg.inverse |
#FDF5ED | 14.38 | 4.5 | AA | PASS |
color.brand |
#B0CBE2 | color.bg |
#002641 | 9.22 | 4.5 | AA | PASS |
color.brand |
#B0CBE2 | color.bg.raised |
#003459 | 7.63 | 4.5 | AA | PASS |
color.brand |
#B0CBE2 | color.bg.sunken |
#001B2F | 10.42 | 4.5 | AA | PASS |
color.accent.fg |
#002641 | color.accent |
#6BAC1B | 5.57 | 4.5 | AA | PASS |
color.accent.fg |
#002641 | color.accent.hover |
#8CC35A | 7.44 | 4.5 | AA | PASS |
color.link |
#A1CDF2 | color.bg |
#002641 | 9.26 | 4.5 | AA | PASS |
color.link |
#A1CDF2 | color.bg.raised |
#003459 | 7.66 | 4.5 | AA | PASS |
color.link |
#A1CDF2 | color.bg.sunken |
#001B2F | 10.46 | 4.5 | AA | PASS |
color.success |
#8CC35A | color.bg |
#002641 | 7.44 | 4.5 | AA | PASS |
color.success |
#8CC35A | color.bg.raised |
#003459 | 6.16 | 4.5 | AA | PASS |
color.success |
#8CC35A | color.bg.sunken |
#001B2F | 8.41 | 4.5 | AA | PASS |
color.warning |
#DFA345 | color.bg |
#002641 | 6.99 | 4.5 | AA | PASS |
color.warning |
#DFA345 | color.bg.raised |
#003459 | 5.79 | 4.5 | AA | PASS |
color.warning |
#DFA345 | color.bg.sunken |
#001B2F | 7.90 | 4.5 | AA | PASS |
color.danger |
#F1918A | color.bg |
#002641 | 6.77 | 4.5 | AA | PASS |
color.danger |
#F1918A | color.bg.raised |
#003459 | 5.60 | 4.5 | AA | PASS |
color.danger |
#F1918A | color.bg.sunken |
#001B2F | 7.64 | 4.5 | AA | PASS |
color.info |
#A1CDF2 | color.bg |
#002641 | 9.26 | 4.5 | AA | PASS |
color.info |
#A1CDF2 | color.bg.raised |
#003459 | 7.66 | 4.5 | AA | PASS |
color.info |
#A1CDF2 | color.bg.sunken |
#001B2F | 10.46 | 4.5 | AA | PASS |
color.chart.1 |
#8DB5D6 | color.bg |
#002641 | 7.18 | 3.0 | AA | PASS |
color.chart.2 |
#8CC35A | color.bg |
#002641 | 7.44 | 3.0 | AA | PASS |
color.chart.3 |
#DFA345 | color.bg |
#002641 | 6.99 | 3.0 | AA | PASS |
color.chart.4 |
#A1CDF2 | color.bg |
#002641 | 9.26 | 3.0 | AA | PASS |
color.chart.5 |
#CFA685 | color.bg |
#002641 | 6.98 | 3.0 | AA | PASS |
color.chart.6 |
#F1918A | color.bg |
#002641 | 6.77 | 3.0 | AA | PASS |
参考组合（不作门槛）
| 模式 | 前景 | HEX | 背景 | HEX | 比值 | 阈值 | 等级 | 结果 |
|---|---|---|---|---|---|---|---|---|
| light | color.accent |
#55A400 | color.bg |
#FDF5ED | 2.91 | 3.0 | FAIL | FAIL |
| dark | color.accent |
#6BAC1B | color.bg |
#002641 | 5.57 | 3.0 | AA | PASS |
| light | color.border.strong |
#B5AEA6 | color.bg |
#FDF5ED | 2.03 | 3.0 | FAIL | FAIL |
| dark | color.border.strong |
#3F86BD | color.bg |
#002641 | 3.96 | 3.0 | AA-large | PASS |
注记
- 白字落在 accent 上只允许 ≥ 18.66px 粗体（大字 3:1）。
- 装饰角色（占位、禁用），阈值 3:1。
- 填充块对页面底的参考值，不作门槛。
- 输入框描边对页面底的参考值，不作门槛。