除了'不透明度'之外,RGB与RGBA之间有什么区别

Question

我已经声明它们超越了在CSS中使用标准色orange,blue,aquamarine,等等,并一直在使用rgb()像这样对于相同的颜色分别为rgb(255,165,0),rgb(0,0,255)和rgb(127,255,212)(感谢ColorHighlighter包ST3).

在改变了bootstrap的渐变时,.btn我遇到了rgba().快速研究解释说,a代表alpha,和那里有完整的数学一大堆归因于 卡特莫尔和史密斯.也很容易发现alpha通道用于"alpha合成",其主要可以被关联为"不透明度".

• 除了不透明度之外,两者之间是否存在差异？
• 为什么使用RGBA不是惯例.(我假设这个,因为我现在正在绊倒这个)
• 在网上使用rgba()时是否还有其他限制？
• 是否有快捷方式在颜色快捷方式旁边声明不透明度？(即 color: salmon:.5;)
• 从Web开发者的角度来看,我需要担心的不同机器ARGB,RGBA,BGRA字节顺序之间的差异信息？
• 其他重要信息？

Answer 1

RGB是一种3通道格式,包含红色,绿色和蓝色的数据.RGBA是一种4通道格式,包含红色,绿色,蓝色和Alpha的数据.

除了使颜色透明/不透明(或部分透明;半透明)之外,Alpha通道没有用处.

在CSS中,rgb()在rgba()获得相同级别的支持之前已经有了几年的广泛浏览器支持.这是你在CSS中找到比rgba()更多的rgb()的一个原因.另一个原因是半透明不是你通常在任何地方使用的东西.

您可能会发现RGB值打包为16位,蓝色和红色为5位,绿色为6位(绿色获得更多位,因为眼睛更清楚地看到绿色阴影).您可能还会发现RGBA值打包为16位,每种颜色为5位,alpha为1位.使用一位,您只能使颜色完全透明或根本不透明.

现在通常情况下,您会发现RGB和RGBA打包成32位值,每种颜色为8位,alpha为8位(RGB为左侧空白).

在CSS中,设计人员决定使用红色,绿色和蓝色的值0-255(8位值的范围),但是对于Alpha通道,它们使用介于0.0和1.0之间的值.颜色的实际字节格式与Web开发人员无关.

根据我的经验,在CSS中经常使用rgb()和rgba().十六进制颜色更为主导,并且在几年之后就已经过了.

HSL实际上是一种更好的颜色处理格式,CSS支持(IE9 +,Firefox,Chrome,Safari和Opera 10+).

http://www.w3schools.com/cssref/css_colors_legal.asp