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

本文详细介绍了ARGB和RGB、RGBA颜色模式的区别,RGB是基本的红绿蓝三原色模式,而RGBA则增加了Alpha通道,用于控制透明度。在Android中,颜色定义时6位代表RGB,8位则包含ARGB,其中前两位表示透明度。在CSS3中,RGBA允许设置元素背景的透明度。通过实例代码展示了如何使用RGBA实现半透明效果。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

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)

举例:

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

<!DOCTYPEhtml>

<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的区别与介绍的文章就介绍到这了,更多相关内容请看以前的文章,希望大家以后多多支持!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

陆小马

赏个核桃让我补补脑呗!

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值