颜色

对比度公式

• 在不同深浅色背景下，比如黑/白，保证颜色表现的相似性
• 确保 背景色 与 主题色 的对比度比率小于 $\frac{1}{4.5}$ 公式：

$$\text{对比度比率} = \frac{\text{较亮颜色的亮度} + 0.05}{\text{较暗颜色的亮度} + 0.05}$$

这里的亮度是根据颜色的相对亮度来计算的，它通常遵循 W3C 的 Web内容可访问性指南（WCAG） 中的算法。亮度可以通过以下公式计算： 对于sRGB颜色值（R, G, B）：

$$L = 0.2126 \times R + 0.7152 \times G + 0.0722 \times B$$

这里的 R、G、B 值是经过归一化处理的，范围在 0到1 之间。如果颜色值是以 8位数值给出的（即0-255的范围），则需要先将它们 除以255进行归一化。 然后，使用上面的对比度比率公式，你需要比较背景色和主题色的亮度，并确保以下条件成立：

$$\frac{\text{背景色的亮度} + 0.05}{\text{主题色的亮度} + 0.05} < \frac{1}{4.5}$$

或者，重新排列公式以确保背景色比主题色亮，并且满足对比度比率小于 $\frac{1}{4.5}$ ：

$$\text{背景色的亮度} < 4.5 \times (\text{主题色的亮度} + 0.05) - 0.05$$

通过这个公式，你可以计算出背景色和主题色是否满足特定的对比度要求。如果计算结果为真，那么这对颜色组合就符合 WCAG 2.0的AA级标准（对于正常文本）或 AAA级标准（对于大型文本）。这些标准是为了确保文本的可读性和可访问性。