Android的材质devise颜色百分比

在Google的材料devise规范中,我看到指定为百分比的颜色:

要传达信息的层次结构,可以对文本使用不同的阴影。 白色背景上的文本的标准阿尔法值是87%(#000000)。 在视觉层次结构中较低的次要文本应具有54%的字母值(#000000)。

我不明白这些百分比是如何工作的。 例如,如果背景颜色是白色,文本的颜色是什么?

如果我的背景说#607D8B怎么办? 我的文字颜色是什么? 它是不透明度(alpha)设置为百分比的背景颜色?

Solutions Collecting From Web of "Android的材质devise颜色百分比"

百分比是为了显示颜色

当我们用hex格式指定任何颜色时:

 First 2 digit : visibility After 6 digit : RRGGBB 

那么计算的例子是:

 (87)% of (100) decimel = 87 % -> convert to (87)% of (256) in hex 222.72 rounding to 223 which is (DF) in hex 

所以你的颜色代码= #DF607D8Bprimary

同样,任何perentage应该被转换为hex

你可以查看表格: 这里

您的颜色( #607D8B )是RGB ,而文档是指ARGB#FF607D8B ),百分比是指alpha通道。 FF是十进制的255 。 对于你想要的40%的alpha,这使得102 ,这应该是hex66 。 所以按下的颜色应该是#66607D8B

我想这意味着如果你使用#607D8B作为你的颜色,那么:

盘旋:20%#607D8B =#33607D8B

按下:40%#607D8B =#66607D8B

等等

这里是hex的alpha值的表格

此外,如果您想知道基于RGBA值和背景颜色的RGB颜色的RGBhex值, 该网站可能会对您有所帮助。

Kushal的回答虽然包含了很好的信息,但是根据您的问题的背景可能会有点误导。

白色背景上的文本的标准阿尔法值是87%(#000000)。

您提供的引用文字明确指出百分比是指alpha值。


我不明白这些百分比是如何工作的。 例如,如果背景颜色是白色,文本的颜色是什么?

在这个例子中,背景是白色(#FFFFFF),文字是黑色(#000000)。 文本的alpha值是0.87


如果我的背景说#607D8B怎么办? 我的文字颜色是什么? 它是不透明度(alpha)设置为百分比的背景颜色?

这将是一个蓝灰色的颜色,在我看来将属于“黑暗的背景”类别。 以完全不透明的方式使用白色文字。


文字不透明
文本可能会以不同程度的不透明度显示,以传达某些信息与其他信息的重要性。 用于文本的不透明度取决于您的背景是较暗还是较亮。

有关更多详细信息,请参阅指南的这一部分。

另外,如果你从这里select你的颜色,请注意他们使用什么颜色的字体。