全部专题
本站说明 配色工具
色彩观察室 · 专题指南

字幕配色怎么选:对比度与可读性

对普通网页文字,WCAG AA 的最低对比度为4.5:1,大号文字为3:1。直播字幕可借此检查配色,但动态背景、压缩、文字大小和观看距离还需另行观察。

数值门槛适用于什么

W3C 将至少18pt,或至少14pt粗体的文字视为大号文字。不能仅凭“看着挺大”就使用较低门槛;直播画面经过缩放后,字号含义也不等于网页CSS字号。

本站工具仅计算不透明 sRGB 纯色文字与纯色背景的对比度。结果不等于整个页面或直播达到无障碍标准。

配色对比度小工具

输入两个六位十六进制颜色值,例如 #2D1B2D 与 #FFFFFF。计算按 W3C 相对亮度定义进行;用于学习与纯色方案初筛。

渐变、透明底板和视频背景应先确认实际合成后的颜色,再逐处检查;本工具不采样视频,也不校准屏幕。

仅处理六位 HEX、不透明 sRGB 纯色。

示例:黑字配白底,对比度21:1;达到普通文字4.5:1与大号文字3:1门槛。

字幕预览 · 让信息清楚可读

动态背景如何复查

适用场景:浅色商品、灯光变化或幻灯片切换让字幕忽明忽暗。选取最亮、最暗和最复杂背景各一帧,比较同一字幕。

  1. 先给正文字幕设置稳定的底板区域。
  2. 以最终观看尺寸看文字,检查细笔画是否仍清楚。
  3. 检查字幕是否遮住商品信息或演示步骤。
  4. 给警告、完成等状态增加明确文字,而不只换颜色。

一个可以复现的例子

黑字 #000000 配白底 #FFFFFF 的计算值为21:1;白字配白底为1:1。可在工具中输入这两组颜色核对结果。

通过对比度门槛后仍应阅读一段完整文字,检查换行、底板覆盖范围与切换时遮挡。配色数值只是其中一项。

常见问答

粉色配白色就一定清晰吗?

不一定。具体色值决定计算结果,细字、透明度和背景变化还会影响实际阅读。

能只用红绿表示开播与结束吗?

应同时标注“直播中”“已结束”等文字。W3C要求不要只依赖颜色传达信息。

资料与说明

以下为技术概念的一手资料。本站检查步骤与示例由本站整理,不代表这些机构的背书。

独立知识内容 · 了解本站语境与范围