#RRGGBB #AARRGGBB

其中,ARGB 依次代表透明度(alpha)、红色(red)、绿色(green)、蓝色(blue)。以颜色值 #FF66CC99 为例,其中,FF 是透明度,66 是红色值, CC 是绿色值, 99是蓝色值。

1. 透明度的计算

a,透明度分为256个等级,即 0 - 256,0就是透明,255就是不透明,透明度 0(透明) –> 255(不透明) 对应着16进制 00(透明) –> FF(不透明),比如:50%透明度;50%也就是256的一半即128,因为是从0开始算的,所以是 127,转换成16进制就是 7F

b,透明度 和 不透明度 是两个概念, 它们加起来是1,或者100%.

c,ARGB 中的透明度alpha,表示的是不透明度。

2,透明度和不透明度的转换

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

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

a,将透明度转换成不透明度。不透明度为:60%
b,不透明度乘以255。 我们得到结果:153
c,将计算结果转换成16进制。得到最终的不透明度:99
d,将不透明度和颜色值拼接成ARGB格式。得到最终的颜色值: #99FFFFFF
所以,UI要的颜色是:#99FFFFFF

3, 透明度 对应的十六进制值

//java代码生成的对应表
for (int i = 100; i>=0; i--) {
   double j = (i / 100.0d);
   int alpha = (int) Math.round(255-j * 255);
   String hex = Integer.toHexString(alpha).toUpperCase();
   if (hex.length() == 1) hex = "0" + hex;
   int percent = (int) (j*100);
   System.out.println(String.format("%d%% — %s", percent, hex));
透明度 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(完全不透明)

4,透明度对应的十六进制值

for (double i = 1; i >= 0; i -= 0.01) {
    i = Math.round(i * 100) / 100.0d;
    int alpha = (int) Math.round(i * 255);
    String hex = Integer.toHexString(alpha).toUpperCase();
    if (hex.length() == 1) hex = "0" + hex;
    int percent = (int) (i * 100);
    System.out.println(String.format("%d%% — %s", percent, hex));

不透明度—十六进制值

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
58% — 94
57% — 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
29% — 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(全透明)

目录颜色简介1. 透明度的计算2,透明度和不透明度的转换3,透明度对应的十六进制值4,不透明度对应的十六进制值颜色简介Android中的颜色值通常遵循RGB/ARGB标准,使用时通常以“#”字符开头,以16进制表示。常用的颜色值格式为:#RGB#ARGB#RRGGBB#AARRGGBB其中,ARGB 依次代表透明度(alpha)、红色(red)、绿色...
颜色透明度(0%-100%)新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列创建一个格设定内容居中、居左、居右SmartyPants创建一个自定义列如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图FLowchart流程图导出与导入导出导入 <!--百分...
透明度的16进制色百分比对照 写代码会常用到透明度,例如红色16进制不加透明度为#FF0000,前面两位为透明度#00FF0000 <color name="red">#FF0000</color> 那么按照下,不透明为 <color name="red">#00FF0000</color> <color name="red">#80FF0000</color> <color name="red"
android中常用的是6位的颜色,比如#ffffff,但是有时候项目需要用到具有透明度颜色,而有时候我们是需要8位的色的。 8位色的前两位代的是透明度,而UI设计师给我们的色一般只有6位,如果需要透明度的,也是给一个百分比,所以记录一下转换的色透明度 16进制示 100% 00(全透明) 99% 03 98% 05 97% 07 96%...
解析:〈#ffffffff〉 #ffffffff由#加八位数字或字母组成,前两个ff为透明度十六进制),后面六位ffffff为颜色代码,采用RGB配色(十六进制透明度总共有255阶,写进语句的都是转换为十六进制,255阶为不透明,要得到25%透明度,将255乘25%得到大概63(此时仍是十进制),那么在进位制选择十进制,输入63,在Hex输出框可以得到3f,那么这个就是
特殊:0x00、0xFF 一次输出多种格式(十六进制,十进制,八进制,位或特殊组合格式) 多种偏移格式(十六进制,十进制,八进制,百分比) 第一个显示在左侧,第二个显示在右侧 只读N个字节 寻求给定的偏移量使用减号时也从文件末尾读取 寻求和限制支持 十六进制( 0x ),八进制( 0o )和二进制( 0b )前缀 单位(KB,KiB,MB,MiB,GB,GiB,TB,TiB) 从stdin读取 heksa-帮助 heksa - hex file dumper v1.13.0 - (2020-08-04T21:40:08+03:00) (c) Pekka Järvinen 2019- [ https://github.com/raspi/heksa ] SYNOPSI
在 CSS3 中,增加了一个 opacity 属性,允许开发者设置元素的透明度,现在 opacity 已被主流的现代浏览器支持,但 opacity 会把被设置的元素及其子元素同时设置为同一个透明度,这样的透明规则相当不灵活,在实际开发中往往也是会遇到很多麻烦。其实,在 CSS3 中还有另外一套颜色透明解决方案 —— RGBa 。相对于 opacity ,RGBa 可以在单个元素上设置透明度,而不影响其子元素,只是 RGBa 的浏览器支持度并没有 opacity 的广泛,因此相对较少引起开发者注意。 RGBA(R,G,B,A)取:R:红色。正整数 | 百分数G:绿色。正整数 | 百分数B:
一个为颜色名称和代码上色的插件 该插件基于Nikolaus Hofer的css_color插件。 想法是用与它们代的相同颜色突出显示颜色名称和代码。 该插件可以理解W3-Colors(例如,用于CSS文件),X11 Window System中的颜色名称以及十六进制示形式的代码,例如#FF0000(在RGB颜色系统中代红色)。 此外,它还支持CSS颜色规范,例如以绝对百分比形式的rgb(RR,GG,BB)颜色示形式,以及诸如hvl(H,V,L)的HVL颜色示形式。 它在Vim的gui版本中效果最好,但是该插件还支持256和88种颜色的终端,并将颜色转换为终端支持的颜色。 16和8色端子在理论上也应该工作,但尚未经过广泛测试。 请注意,将颜色转换为终端可能会导致性能下降,具体取决于终端类型和文件中匹配项的数量。 对于能够显示真实颜色的终端,如果设置了,则插件 盒子模型就是在HTML中盛装元素内容的容器。 每个盒子模型都由元素的内容(content)、内边距(padding)、边框(border) 和 外边距( margin) 组成。 div标记 <div>标记是一个块容器标记。 可以将网页分割为独立的部分,实现网页的规划和布局。 大多数HTML标记都可以嵌套在div标记中,div中还可以嵌套多层div标记。 div可以替代大多数的块级文本标记。 盒子的宽和高 盒子的总宽度=width+左右内边距之和+左右边框宽度之和+左 androidstudio git拉去项目No tracked branch configured for branch master or the branch doesn‘t exist. 54681