美文网首页
最全颜色值(来源:https://www.jianshu.com

最全颜色值(来源:https://www.jianshu.com

作者: 馨予务心竞 | 来源:发表于2020-12-15 10:10 被阅读0次

正文

Android中的颜色值一般格式是:#AARRGGBB。AA就是透明度值(这里我只聊透明度)。

1. 透明度的计算

透明度分为256个等级,即0 - 2560就是透明,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

相关文章

网友评论

      本文标题:最全颜色值(来源:https://www.jianshu.com

      本文链接:https://www.haomeiwen.com/subject/qlwigktx.html