· 等待输入
文字色与背景色
输出
判定结果
—- 对比度
- —
- 结论
- —
- 该背景上的可达上限
- —
- 最省改动的方向
- —
- 文字色（实际渲染）
- —
- 背景色（实际渲染）
- —
- 文字色相对亮度
- —
- 背景色相对亮度
- —
实时预览
—大字号示例文字 Large 24px
正文示例文字 16px：配色方案能不能读，第一眼就知道。
小字号示例文字 13px：这一行最容易不合格。
—
近似达标建议
—点击任一色块即可把它设为文字色，再继续微调。
说明
- 数据不出浏览器 · 零网络请求 · 可断网可用。
- 颜色解析与颜色工具同一套写法：HEX（3/4/6/8 位，可省略 #）、rgb() / rgba()、hsl() / hsla()，通道数字或百分比都认。
- 相对亮度按 WCAG 2.x 公式：每个通道先除以 255，小于等于 0.04045 的按 c/12.92 线性化，其余按 ((c+0.055)/1.055)^2.4，再按 0.2126R + 0.7152G + 0.0722B 加权。
- 对比度 =（较亮亮度 + 0.05）/（较暗亮度 + 0.05）。判据取 WCAG：正文 4.5:1、正文 AAA 7:1、大字号 3:1、大字号 AAA 4.5:1、非文本 3:1。
- 建议色以 1% 为步长在「混向黑」与「混向白」之间扫描，取 RGB 距离更小的那一个；该背景上无论怎么改都达不到目标时，给出理论上最接近的颜色并注明上限。
- 勾选半透明合成后，alpha 小于 1 的前景色会先按浏览器口径与背景混合，再计算亮度，结果更接近实际渲染；半透明背景只与自身叠加，仍按不透明处理。
- 达标只是最低门槛：字重、字号、屏幕与环境光都会影响可读性，最终请以实际观感为准。