颜色透明度对应的十六进制表示法

颜色透明度对应的十六进制表示法

对于好看的ui效果,会经常使用透明度的,所以掌握常用的16进制来表示颜色透明度是很有必要的。

常用的

0% 透明度表示完全不透明,不透明度为255,对应十六进制FF
10%透明度为 1A,20%透明度为 33,
30%透明度为 4D,40%透明度为 66,
50%透明度为 80,60%透明度为 99,
70%透明度为 B3,80%透明度为 CC,
90%透明度为E6
100% 透明度表示完全透明,不透明度为0,对应十六进制00

注:其值是向上取整。

如50%透明度,不透明度为 255*50% = 127.5,向上取整为128,对应十六进制80。
在一些表里50%对应7F,则是采用的向下取整,对应十进制127。

下面基本都概括,方便查找和使用

透明度 十六进制
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% 08
2% 05
1% 03
0% 00

  • 7
    点赞
  • 29
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
RGBA(Red, Green, Blue, Alpha)是一种用来描述颜色的表示方式,其中红色、绿色和蓝色的分量加上透明度的值共同确定了一个颜色。RGBA颜色可以通过将三原色的分量值和透明度的值转换为十六进制表示来进行转换。 具体而言,对于一个十六进制颜色值,例如#RRGGBB,RR表示红色分量的值,GG表示绿色分量的值,BB表示蓝色分量的值,这些值的范围是0到255(或者00到FF)。而透明度的值以十六进制的方式表示为00到FF,其中00表示完全透明(即不可见),FF表示完全不透明(即完全可见)。 要将颜色值从RGBA转换为十六进制颜色,我们可以简单地将红色、绿色和蓝色的分量值以及透明度的值转换为十六进制表示,然后将它们连在一起即可。例如,如果我们有一个RGBA颜色为rgba(255, 0, 0, 0.5),那么它的十六进制表示为#FF000080。其中,FF表示红色的分量值255,00表示绿色的分量值0,00表示蓝色的分量值0,80表示透明度的值0.5(转换为十六进制时乘以255)。 相反地,要将一个十六进制颜色转换为RGBA颜色,我们需要将十六进制颜色值拆分为红色、绿色和蓝色的分量以及透明度的值,然后将它们转换为十进制表示。例如,一个十六进制颜色值为#00FF0080,我们可以将它分解为红色分量值00(转换为十进制时为0)、绿色分量值FF(转换为十进制时为255)、蓝色分量值00(转换为十进制时为0)和透明度的值80(转换为十进制时为128)。 通过以上方法我们可以实现RGBA与十六进制颜色的互相转换。如果需要进行这样的转换,可以使用各种在线工具或编程语言中提供的函数来帮助我们进行转换。这些工具或函数可以接受RGBA或十六进制颜色作为输入,并返回转换后的结果。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值