什么是“黑色的alpha值”?


11

我正在尝试了解Google的材料设计指南中的以下段落:

其他元素(例如图标和分隔线)也将从黑色alpha值(而不是纯色)中受益,以确保它们可以在任何颜色的背景上使用。

资源

这是什么意思?00 alpha值将完全透明,对吗?


我认为“黑色”是错别字。或者至少是非常糟糕的措辞,意思是“阿尔法值黑”
斯科特

是的,您是对的,“ Alpha”值确实是指颜色的透明度。值从00到十六进制FF,其中00是完全透明的,而FF是纯色/不透明的。在Android中,您将其指定为十六进制格式的前两个字符,例如#FF000000为纯黑色。
Samy S.Rathore

Answers:


5

完整的上下文如下:

对灰色文本,图标和分隔符使用alpha值

要传达信息的层次结构,可以为文本使用不同的阴影。白色背景上的文本的标准alpha值为87%(#000000)。在视觉层次结构中较低的次要文本应具有54%(#000000)的alpha值。用户的文本提示(如文本字段和标签中的文本提示)的视觉突出度甚至更低,并且其alpha值应为26%(#000000)。

其他元素(例如图标和分隔线)也将从黑色的alpha值(而不是纯色)中受益,以确保它们可以在任何颜色的背景上使用。

此外,还有两个示例图像。

问题在于:它们似乎正在使用“ alpha值”的新颖定义。

此外,其引用的hex-rgb值不正确,示例百分比是其在黑色背景上的白色文本的示例示例(文本说该值适用于在白色上的黑色文本)。

据我所知,他们建议您在指定文本和规则时,除了颜色值之外,还要使用透明度值。

对于图标,也许他们建议您对商品进行轮廓处理并提供非白色的Alpha通道,而不是固定的颜色遮罩,以便您可以通过编程方式更改颜色,而无需为每个可能的值提供新的装饰。

TLDNR;该部分的文字写得不好,需要复制编辑


2
如果您查看该段落之外的插图,我认为他们说的是,例如26%(#000000)是RGBA(0,0,0,0.26)或“黑色,不透明度为27%”,其顶部的白色会看起来像图像中的浅灰色。
cockypup 2015年

@cockypup有意义。我仍然认为他们在这里存在一个明确的问题:可能是他们建议在所有情况下都使用黑色,并使用alpha值作为模拟“叠加混合模式”或类似性质的方式
Yorik

1
@yorik这也是我的解释。他们希望您使用黑色而不是灰色的Alpha,以便它“覆盖”颜色。
2015年

@ DA01:“而不是纯色” =不仅是灰色,而且是任何颜色(?),不知道!
Yorik

16

alpha值用于RGBA颜色空间中,以指示颜色的透明度。alpha值从0变为1,其中0完全透明,而1完全不透明。

这允许进行“ alpha合成”,换句话说,就是将图像放置在背景顶部并组合颜色以创建透明效果的过程。有关此色彩空间的更多信息,您可以Google“ rgba色彩空间”或访问此Wikipedia页面

RGBA颜色通常用4个值表示,每个RGB分量3个,alpha值的最后一个(例如(0,0,0,0.5)),尽管在“颜色样式”文档中已引用了它们%值位于十六进制RGB值前面(例如50%(#000000))。

一个“ 的黑α值 ”,至少在所引用的文件的范围,将是一个很短的方式来指示任何一个中的RGBA空间具有黑色作为其RGB值的颜色,(0,0,0)。它们的范围从100%的纯黑色(0,0,0,1)到完全透明的黑色(0,0,0,0),并通过所有可能的透明度值。

因此,例如57%的黑色alpha值(表示为57%(#000000))将是“黑色的alpha值”,其中alpha等于0.57表示不透明度为57%。

在此图像中,您可以看到“颜色样式”文档中建议的“黑色的alpha值”。我将它们放在白色和红色之上,以便您可以看到“ alpha合成”的实际效果。

在此处输入图片说明


您是正确的,但是在OP所引用的google文档中,它似乎使用了新颖的alpha值定义。
约里克(Yorik)

这如何回答“黑色的Alpha值”是什么?我也不熟悉该术语,这也无法使IMO澄清。您的黑方的Alpha值为100%(1),但是黑方的Alpha值是多少?在红场上说,您如何给它一个黑色的Alpha值?
瑞安(Ryan

3
好点子。编辑后可以回答问题的标题和正文末尾的问题。OP还引用了对文档的引用,并使用了文档的颜色作为图像中的示例。
cockypup 2015年

我认为您破解了谜团之谜
Yorik
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.