css颜色中ARGB与RGB、RGBA的区别有哪些

发布时间：2021-04-29 13:56:40 作者：小新
来源：亿速云阅读：719

小编给大家分享一下css颜色中ARGB与RGB、RGBA的区别有哪些，希望大家阅读完这篇文章之后都有所收获，下面让我们一起去探讨吧！

ARGB 是一种色彩模式，也就是RGB色彩模式附加上Alpha（透明度）通道，常见于32位位图的存储结构。

RGB 色彩模式是工业界的一种颜色标准，是通过对红(R)、绿(G)、蓝(B)三个颜色通道的变化以及它们相互之间的叠加来得到各式各样的颜色的，RGB即是代表红、绿、蓝三个通道的颜色，这个标准几乎包括了人类视力所能感知的所有颜色，是目前运用最广的颜色系统之一。

RGBA 是代表Red（红色） Green（绿色） Blue（蓝色）和 Alpha的色彩空间。虽然它有的时候被描述为一个颜色空间，但是它其实仅仅是RGB模型的附加了额外的信息。采用的颜色是RGB，可以属于任何一种RGB颜色空间，但是Catmull和Smith在1971至1972年间提出了这个不可或缺的alpha数值，使得alpha渲染和alpha合成变得可能。提出者以alpha来命名是源于经典的线性插值方程αA + (1-α)B所用的就是这个希腊字母。 PNG是一种使用RGBA的图像格式。

android 定义颜色color时6位或8位值的区别： 6位（#000000）就是RGB值 8位（#1e000000）ARGB 头两位是透明度，00是完全透明，ff是完全不透明，后6位是RGB值,比较适中的透明度值

rgba中的a是指什么?rgba怎么用

RGBA颜色

　　RGB是一种色彩标准，是由红（R）、绿（G）、蓝（B）的变化以及相互叠加来得到各式各样的颜色。RGBA说白了，就是在RGB的基础上加了一个透明度通道Alpha。
　　语法：
　　rgba（R,G,B,A）
　　说明：
　　R：红色值（Red）；
　　G：绿色值（Green）；
　　B：蓝色值（Blue）；
　　A：透明度（Alpha）；
　　R、G、B三个参数可以为正整数，也可以为百分比。正整数值的取值范围为0～255，百分数值的取值范围为0.0%～100.0%。超出范围的数值将被截至其最接近的取值极限。并非所有浏览器都支持使用百分数值。
　　参数A为透明度，类似opacity属性，取值范围在0.0~1.0之间，不可为负值。下面是RGBA颜色的正确用法：

rgba(255,255,0,0.5)
rgba(50%,80%,50%,0.5)

举例：

<!DOCTYPEhtml>
<htmlxmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS3RGBA颜色</title>
<styletype="text/css">
*{padding:0;margin:0;}
ul
{
display:inline-block;
list-style-type:none;
width:200px;
}
li
{
height:30px;
line-height:30px;
font-size:20px;
font-weight:bold;
text-align:center;
}
/*第1个li*/
li:first-child
{
background-color:#FF00FF;
}
/*第2个li*/
li:nth-child(2)
{
background-color:rgba(255,0,255,0.5);
}
/*第3个li*/
li:last-child
{
background-color:#FF00FF;
opacity:0.5;
}
</style>
</head>
<body>
<ul>
<li>亿速云</li>
<li>亿速云</li>
<li>亿速云</li>
</ul>
</body>
</html>

看完了这篇文章，相信你对“css颜色中ARGB与RGB、RGBA的区别有哪些”有了一定的了解，如果想了解更多相关知识，欢迎关注亿速云行业资讯频道，感谢各位的阅读！

css颜色中ARGB与RGB、RGBA的区别有哪些

相关阅读