程序员

颜色之ARGB与RGB、RGBA的区别与介绍

作者:admin 2021-04-06 我要评论

ARGB 是一种色彩模式,也就是RGB色彩模式附加上Alpha(透明度)通道,常见于32位位图的存储结构。 RGB 色彩模式是工业界的一种颜色标准,是通过对红(R)、绿(G)、...

在说正事之前,我要推荐一个福利:你还在原价购买阿里云、腾讯云、华为云服务器吗?那太亏啦!来这里,新购、升级、续费都打折,能够为您省60%的钱呢!2核4G企业级云服务器低至69元/年,点击进去看看吧>>>)

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>

到此这篇关于颜色之ARGB与RGB、RGBA的区别与介绍的文章就介绍到这了,更多相关ARGB RGB RGBA区别内容请搜索脚本之家以前的文章或继续浏览下面的相关文章,希望大家以后多多支持脚本之家!


原文链接:https://m.jb51.net/web/715375.html

版权声明:本文转载自网络,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。本站转载出于传播更多优秀技术知识之目的,如有侵权请联系QQ/微信:153890879删除

相关文章
  • 植物大战僵尸 修改存档和金钱

    植物大战僵尸 修改存档和金钱

  • 小程序开发一个朋友圈热门的互动答题应

    小程序开发一个朋友圈热门的互动答题应

  • 微信小程序路由实战

    微信小程序路由实战

  • 315 晚会 9 大黑料曝光,数字化转型亟

    315 晚会 9 大黑料曝光,数字化转型亟

腾讯云代理商
精彩导读
海外云服务器
热门资讯
腾讯云代理商