为什么Angular Material使用alpha来创建灰色？

Question

我注意到，在有角度的材料中，当他们需要灰色时，他们采用黑色，然后将其调整为α更轻。例如，如果您到这里：https://material.angular.io/components并检查页面上的任何卡片，您会注意到正文段落的字体颜色为rgba(0, 0, 0, .54);。有没有人知道为什么他们选择通过采用黑色并以这种方式调整alpha而不是仅使用hex或rgb来创建灰度？我唯一能想到的是它有助于支持温暖和酷炫的主题。

Answer 1

来自https://material.io/guidelines/style/color.html#color-usability

  

执行：使用不透明度而不是移动颜色通常会产生更好的对比度和相对亮度。例如，如果背景颜色变为洋红色，则灰色文本（＃727272）变得难以阅读。

  

不要：转换为灰色而不是降低黑色对比度通常会降低相对亮度，使排版不可读。