Question

在查看有关众多主题的教程时，我经常看到RGB＆amp;对于HTML / CSS中的颜色，使用RGBA代替十六进制代码。

有人可以向我解释一下RGB，RGBA，十六进制之间的差异，以及每次使用它们的时间/使用一个优于另一个的好处吗？

Answer 1

RGB和十六进制颜色之间没有区别。

十六进制到十进制：

FF = 255

所以#FFFFFF = rgb（255,255,255）

当您分解六边形颜色时：

#FF  FF    FF
red green blue

但是使用rgb a （alpha），您可以添加一个alpha变量，为您的颜色添加不透明度。

您可以使用RGB和HEX，这取决于您的偏好

示例：

＆＃13;

div {
 width:100px;
 height:100px;
 border:solid 1px black;
}

.rgb{
  background-color:rgb(124,220,50); /* to hexa = 7C DC 32 */
}

.hexa{
  background-color:#7CDC32;
}

.rgba{
  background-color:rgba(124,220,50,0.2); /*opacity = 0.2/1 */
}

＆＃13;

<div class="rgb">rgb</div>
<div class="hexa">hexa</div>
<div class="rgba">rgba</div>

＆＃13;

Answer 2

RGB和RGBA之间的区别很简单，“没有区别”除了“A” - ＆gt;阿尔法

RGB（红绿蓝） RGBA（红绿蓝Alpha）

当您希望颜色变得透明时，可以使用alpha参数。（值介于0.0 - 1.0之间）

RGB / RGBA和HEX之间的主要区别在于HEX使用6个字符和数字的混合。（十六进制） RGB使用3组3个数字，范围为0-255。

没有什么区别，这取决于你想要使用的东西。

Answer 3

RGB（红色，绿色，蓝色）值更为古老但普遍用于不同行业，包括印刷和出版。在过去，它在网站上的使用比现在更广泛。

RGBA（红色，绿色，蓝色，Alpha）用于使颜色透明。 A（alpha）的值从0，完全透明，到1完全不透明。

hex，是一个专门用于网站和应用程序的最新快速简单值。

十六进制颜色，RGB和＆amp; RGBA以及何时应该使用它们？

3 个答案: