超强干货！如何更加科学地提高文本可读性？

如何计算对比度

相对亮度定义

了解对比度首先要知道相对亮度（relative luminance）的概念：相对亮度表达的是单位面积内光线通过的数量。在一个色彩空间内，最暗到最亮的点相对亮度取值范围为 0-1（这种取值方法很常见，比如摄氏度取值范围是规定标准大气压下冰水混合物到沸水温度的取值范围为 1℃-100℃），拿我们日常设计工作中接触最多的色彩空间 sRGB 举例，相对亮度的计算方式为 L = 0.2126 * R + 0.7152 * G + 0.0722 * B （此公式为理论值，RGB 分别对应 8bits/Channel 时的数值，即 0-255）。

由于 sRGB 色彩空间范围小于 RGB，所以每通道的实际数值会受到限制，对应关系如下：

对比度计算方法

现有亮色点 L1 和暗色点 L2，那么 L1 和 L2 的对比度即为：L1 : L2 = (L1 + 0.05) : (L2 + 0.05)。对比度用于衡量两个颜色的明度对比强弱，比值越大对比越强烈。

上述方法是基于笔者的理解和总结，如想了解更详细的介绍请查看 W3C Guideline。

发散与启发

• 大家在观察 L = 0.2126 * R + 0.7152 * G + 0.0722 * B 公式时可以发现，在 RGB 色彩模型中绿色通道提供了绝大部分的亮度，蓝色最少。例如当你在白色背景上使用绿色按钮或文字的时候请尽量降低色彩明度、提高文本大小或字重。

• （编辑：常州站长网）

  【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!