03 · 色彩对比度计算器
对比度 = 文字和背景差异有多大。拖字色和背景色，实时看数字 + 达标与否 + 文字实际观感。口诀：
一深一浅，对比才强
。
对比度（WCAG）
--
:1
--
正文小字 ≥ 4.5
—
大字(≥18px/粗14px) ≥ 3
—
拖到 4.5:1 时，下面示例文字的「看清瞬间」就是这个概念最值钱的一刻。
文字色
#e8e8ee
背景色
#0f0f13
相对亮度 L（0~1，越亮越接近 1）
L = 0.2126·R + 0.7152·G + 0.0722·B
文字
L=--
｜ 背景
L=--
对比度 = (亮L + 0.05) ÷ (暗L + 0.05)
0.05 是「兜底」，防止除数为 0（纯黑亮度为 0）。
示例预览
大按钮文字 Café
正文示例：对比度是文字与背景差异的量化数字。白纸黑字约 21:1 极限清晰，白纸浅灰字约 2:1 模糊难辨。对比度不足挡住的不是审美，是色盲、弱视与阳光下的人。
达标判定
：正文小字需 ≥4.5:1；大字（≥18px 或 粗体 ≥14px）需 ≥3:1。字越大越靠轮廓，越不依赖对比。
微信绿 #07C160 配白字 ≈ 2.4:1
—— 连大字(≥3:1)都不达标，放长段小正文更不行。