最全的Android 颜色透明度

最新推荐文章于 2024-06-30 15:10:04 发布

沐恩_

最新推荐文章于 2024-06-30 15:10:04 发布

阅读量615

点赞数

分类专栏： android ui 文章标签： android yanse

原文链接：https://blog.csdn.net/hewuzhao/article/details/78821954

版权

android ui 专栏收录该内容

13 篇文章 0 订阅

订阅专栏

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/hewuzhao/article/details/78821954

好记性不如烂笔头。生活中多做笔记，不仅可以方便自己，还可以方便他人。

背景

开发的都知道，UI微调都是令人头痛的，尤其是颜色的微调。

如果视觉稿直接给颜色值那倒没啥，可怕的是后面还有标了透明度，而且视觉还原后发现颜色太透明了，要你透明度再调调，这才烦人。我总不能记住100个透明度的值吧。

一次计算，无数次使用，这文章，稳了。
正文

Android中的颜色值一般格式是：#AARRGGBB。AA就是透明度值（这里我只聊透明度）。
1. 透明度的计算

透明度分为256个等级，即 0 - 256，0就是透明，255就是不透明

透明度（透明）0 –> 255（不透明）对应着16进制（透明）00 –> FF（不透明）

比如：50%透明度

50%也就是256的一半即128，因为是从0开始算的，所以是 127，转换成16进制就是 7F
2.献上透明度表格

注意：我这里写的是透明度值，不是不透明度值，这是两个不同的概念，注意区分。

需要不透明度值的，可以自己算：透明度值 + 不透明度值 = 100%

如果你的UI设计师给的视觉稿标注是：颜色#FFFFFF，透明度40% 。那你的计算方式应该是：

    将透明度转换成不透明度。不透明度为：60%
    不透明度乘以255。我们得到结果：153
    将计算结果转换成16进制。得到最终的不透明度：99
    将不透明度和颜色值拼接成ARGB格式。得到最终的颜色值： #99FFFFFF

所以，你的UI设计师要的颜色是：#99FFFFFF

下面是我表格里的透明度值的计算方式是：（A：透明度； H：16进制）

255*(100% - A%) 通过计算器转为16进制 H

(ps：因为计算结果取整数，所以可能会有一个进制位的误差，比如50%的透明度值，上面“1.透明度的计算”中的计算是127，16进制为7F，这里计算是127.5，四舍五入为128，16进制为80。所以，看到这里不用惊慌，7F跟80肉眼看起来是差不多的，不用去计较)

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

东西虽然简单，但还是写出来，就当工具用，下次调UI就可以来这里看。如果上面有写错了，欢迎来“搞”！哈哈！
参考文章

本文参考了这位同学的文章
http://blog.csdn.net/jabony/article/details/52804296
————————————————
版权声明：本文为CSDN博主「疯震震」的原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/hewuzhao/article/details/78821954