css 十六进制颜色,RGB和RGBA之间的区别以及何时应该使用它们?

xt0899hw  于 2023-07-01  发布在  其他
关注(0)|答案(4)|浏览(238)

在查看众多主题的教程时,我经常看到RGB和RGBA被用来代替HTML/CSS中的十六进制颜色代码。
有人能给我解释一下RGB,RGBA,十六进制之间的区别吗?什么时候应该使用每一种/使用一种的好处?

acruukt9

acruukt91#

RGB和十六进制颜色之间没有区别。
十六进制到十进制:
FF = 255
=> #FFFFFF = rgb(255,255,255)
当你分解hexa颜色时:

#FF  FF    FF
red green blue

但是使用rgba(alpha),你可以添加一个alpha变量,它会为你的颜色添加一个不透明度
您可以使用RGB和HEX,这取决于您的喜好
示例:

div {
 width:100px;
 height:100px;
 border:solid 1px black;
 display:inline-block;
}

.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 = 20% */
}
<div class="rgb">rgb</div>
<div class="hexa">hexa</div>
<div class="rgba">rgba</div>
uqjltbpv

uqjltbpv2#

RGB和RGBA之间的区别很简单,除了“A”-> Alpha之外,“没有区别”
RGB(绿色蓝)RGBA(红绿蓝阿尔法)
如果希望颜色透明,则使用alpha参数。(值在0.0 - 1.0之间)
RGB / RGBA和HEX之间的主要区别是HEX使用6个字符和数字的混合。(十六进制)RGB使用3组3个数字,其范围为0-255。
没有更多的区别,这取决于你想用什么。

66bbxpm5

66bbxpm53#

RGB(红,绿色,蓝)值更古老,但在包括印刷和出版在内的不同行业中普遍使用。在过去,它在网站中的应用比现在更广泛。
RGBA(红、绿色、蓝、阿尔法)用于使颜色透明。A(alpha)的值从0(完全透明)到1(完全不透明)。
十六进制,是一个最近的快速简单的值,专门用于网站和应用程序。

mgdq6dx1

mgdq6dx14#

修改mariuspearson的回答,CMYK是印刷和出版的传统颜色格式。虽然某些RGB颜色可以打印出接近您在计算机显示器上看到的原始颜色,但如果将CMYK图形用于电视/网络或打印更鲜艳的RGB图形(油墨无法复制活力),则会出现一些意外和不必要的颜色变化(特别是蓝色和红色)。我不建议任何人在任何印刷或出版项目中使用RGB。

相关问题