颜色值透明度百分比与十六进制数对应表

本文详细列举了从100%到0%透明度对应的十六进制颜色值,帮助设计师和开发者准确调整颜色透明度。

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

                         颜色值(#AARRGGBB)透明度百分比和十六进制对应关系

透明度十六进制
100%FF
99%FC
98%FA
97%F7
96%F5
95%F2
94%F0
93%ED
92%EB
91%E8
90%E6
89%E3
88%E0
87%DE
86%DB
85%D9
84%D6
83%D4
82%D1
81%CF
80%CC
79%C9
78%C7
77%C4
76%C2
75%BF
74%BD
73%BA
72%B8
71%B5
70%B3
69%B0
68%AD
67%AB
66%A8
65%A6
64%A3
63%A1
62%9E
61%9C
60%99
59%96
57%94
56%91
56%8F
55%8C
54%8A
53%87
52%85
51%82
50%80
49%7D
48%7A
47%78
46%75
45%73
44%70
43%6E
42%6B
41%69
40%66
39%63
38%61
37%5E
36%5C
35%59
34%57
33%54
32%52
31%4F
30%4D
28%4A
28%47
27%45
26%42
25%40
24%3D
23%3B
22%38
21%36
20%33
19%30
18%2E
17%2B
16%29
15%26
14%24
13%21
12%1F
11%1C
10%1A
9%17
8%14
7%12
6%0F
5%0D
4%0A
3%8
2%5
1%3
0%0

 

### 将普通十六进制颜色码转换为带透明度的ARGB或RGBA格式 对于给定的一个普通的十六进制颜色值`#RRGGBB`,要将其转换为带有Alpha通道的颜色值(即ARGB或RGBA),需要额外指定一个透明度级别。此级别的范围通常是在0到255之间,在十六进制中表示为`00`至`FF`。 #### ARGB格式 当采用ARGB格式时,最前面两位用于表示Alpha通道,后面依次跟随红色、绿色和蓝色分量。例如,假设有一个纯红色的颜色值`#FF0000`并希望设置其具有50%的不透明度,则可以按照下面的方式进行转换: 1. 首先确定所需的Alpha。由于完全透明对应于`00`而不透明则对应于`FF`,因此一半的不透明度大约位于中间位置,也就是`7F`[^3]。 2. 接着将原始颜色中的RGB部分保持不变,并在其前加上新选定的Alpha。最终得到的结果将是`#7FFF0000`作为新的ARGB颜色编码[^4]。 ```css background-color: #7FFF0000; ``` #### RGBA格式 相比之下,在RGBA格式下,顺序变为首先是红色,其次是绿色、蓝色以及最后面的Alpha通道。继续以上述例子为例,同样的操作会得出不同的字符串排列方式:`#FF00007F`[^5]。 ```css background-color: #FF00007F; ``` 得注意的是,虽然这两种方法都能实现相同的效果,但在实际应用过程中可能会遇到兼容性和解析差异的问题;某些平台可能更倾向于接受其中一种特定的形式。此外,CSS属性如`rgba()`函可以直接通过百分比或者设定透明度而无需手动计算对应的十六进制
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值