在查看众多主题的教程时,我经常看到RGB和RGBA被用来代替HTML/CSS中的十六进制颜色代码。有人能给我解释一下RGB,RGBA,十六进制之间的区别吗?什么时候应该使用每一种/使用一种的好处?
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>
uqjltbpv2#
RGB和RGBA之间的区别很简单,除了“A”-> Alpha之外,“没有区别”RGB(绿色蓝)RGBA(红绿蓝阿尔法)如果希望颜色透明,则使用alpha参数。(值在0.0 - 1.0之间)RGB / RGBA和HEX之间的主要区别是HEX使用6个字符和数字的混合。(十六进制)RGB使用3组3个数字,其范围为0-255。没有更多的区别,这取决于你想用什么。
66bbxpm53#
RGB(红,绿色,蓝)值更古老,但在包括印刷和出版在内的不同行业中普遍使用。在过去,它在网站中的应用比现在更广泛。RGBA(红、绿色、蓝、阿尔法)用于使颜色透明。A(alpha)的值从0(完全透明)到1(完全不透明)。十六进制,是一个最近的快速简单的值,专门用于网站和应用程序。
mgdq6dx14#
修改mariuspearson的回答,CMYK是印刷和出版的传统颜色格式。虽然某些RGB颜色可以打印出接近您在计算机显示器上看到的原始颜色,但如果将CMYK图形用于电视/网络或打印更鲜艳的RGB图形(油墨无法复制活力),则会出现一些意外和不必要的颜色变化(特别是蓝色和红色)。我不建议任何人在任何印刷或出版项目中使用RGB。
4条答案
按热度按时间acruukt91#
RGB和十六进制颜色之间没有区别。
十六进制到十进制:
FF = 255
=> #FFFFFF = rgb(255,255,255)
当你分解hexa颜色时:
但是使用rgba(alpha),你可以添加一个alpha变量,它会为你的颜色添加一个不透明度。
您可以使用RGB和HEX,这取决于您的喜好
示例:
uqjltbpv2#
RGB和RGBA之间的区别很简单,除了“A”-> Alpha之外,“没有区别”
RGB(绿色蓝)RGBA(红绿蓝阿尔法)
如果希望颜色透明,则使用alpha参数。(值在0.0 - 1.0之间)
RGB / RGBA和HEX之间的主要区别是HEX使用6个字符和数字的混合。(十六进制)RGB使用3组3个数字,其范围为0-255。
没有更多的区别,这取决于你想用什么。
66bbxpm53#
RGB(红,绿色,蓝)值更古老,但在包括印刷和出版在内的不同行业中普遍使用。在过去,它在网站中的应用比现在更广泛。
RGBA(红、绿色、蓝、阿尔法)用于使颜色透明。A(alpha)的值从0(完全透明)到1(完全不透明)。
十六进制,是一个最近的快速简单的值,专门用于网站和应用程序。
mgdq6dx14#
修改mariuspearson的回答,CMYK是印刷和出版的传统颜色格式。虽然某些RGB颜色可以打印出接近您在计算机显示器上看到的原始颜色,但如果将CMYK图形用于电视/网络或打印更鲜艳的RGB图形(油墨无法复制活力),则会出现一些意外和不必要的颜色变化(特别是蓝色和红色)。我不建议任何人在任何印刷或出版项目中使用RGB。