不透明度—十六进制值

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(全透明)

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));

颜色简介

Android中的颜色值通常遵循RGB/ARGB标准,使用时通常以“#”字符开头,以16进制表示。

常用的颜色值格式为:

#RGB
#ARGB
#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

//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(完全不透明)

颜色不透明度 对应表相关推荐

  1. CSS3颜色不透明度如何设置

    web前端技术包含HTML和CSS样式,两者是相辅相成的,学习CSS样式不必可少,那么在学习CSS样式中,CSS3颜色不透明度如何设置?在CSS3之前,我们设置颜色的方式包含十六进制颜色(如#F00) ...

  2. VTK:颜色顶点查找表用法实战

    VTK:颜色顶点查找表用法实战 程序输出 程序完整源代码 程序输出 程序完整源代码 #include <vtkCamera.h> #include <vtkDataSetAttrib ...

  3. html怎么设置颜色透明,CSS3如何设置颜色不透明度?

    在CSS3之前,我们设置颜色的方式包含十六进制颜色(如#F00).rgb模式颜色.或指定颜色的英文名称(如red),但这些方法无法改变颜色的不透明度.在CSS3中新增了两种设置颜色不透明度的方法,一种 ...

  4. css透明度为0.2是什么颜色,CSS3颜色不透明度的设置方法【web前端】

    在CSS3之前,我们设置颜色的方式包含十六进制颜色(如#F00).rgb模式颜色.或指定颜色的英文名称(如red),但这些方法无法改变颜色的不透明度.在CSS3中新增了两种设置颜色不透明度的方法,一种 ...

  5. Android开发:Android颜色透明度换算表

    目录 一.背景 二.颜色值标准格式 三.透明度 四.透明度计算 一.背景 作为一名Android开发人员,在每次开发的时候,UI会在设计图中标注颜色值,或者会直接给出颜色值,如:#FF2309,但是有 ...

  6. 安卓 颜色透明度对比表

    背景 开发的都知道,UI微调都是令人头痛的,尤其是颜色的微调. 如果视觉稿直接给颜色值那倒没啥,可怕的是后面还有标了透明度,而且视觉还原后发现颜色太透明了,要你透明度再调调,这才烦人.我总不能记住10 ...

  7. html表单按钮颜色修改,当表单有效时更改提交按钮颜色

    我希望按钮在表单有效时更改颜色,而不必点击任何内容或调用某个函数(如单击提交按钮).只要表格有效,按钮应该变成蓝色,我无法理解这一点,任何帮助都将不胜感激.当表单有效时更改提交按钮颜色 HTML: E ...

  8. Silverlight 预定义颜色速查表

    预定义颜色 可以使用 SolidColorBrush 绘制,它使用预定义纯色.这可以是 Colors 的静态属性 (Property) 名称,也可以是指定为 XAML 属性 (Attribute) 值 ...

  9. 表格通用样式el-table的表头颜色样式,表内边框行高样式,点击行高亮变颜色

    1-1,如下代码写在el-table标签上 :height='400' style="width: 100%" :header-cell-style="{'text-al ...

最新文章

  1. oracle如何自动分析报告,ORACLE 性能分析报告的获取
  2. 今天已经算一下过来有一个礼拜了,还是感觉是在熬日子似的
  3. 写给程序员的最好的13条建议
  4. 写在中国雅虎关闭之后
  5. Docker框架使用系列教程(五)容器间的链接
  6. python 遍历字典嵌套_Python 字典嵌套循环遍历
  7. 实践分享丨构建云上私有池(虚拟IDC)的5种方案详解
  8. 用Jenkins自动化搭建测试环境_jenkins基础搭建_入门试炼02
  9. mysql pt_MySQL慢查询之pt-query-digest分析慢查询日志
  10. 用python画长方形_Python+opencv:绘制矩形,编写文本,PythonOpenCV,画,矩形框
  11. OPPO宣布与哈苏达成影像战略合作
  12. Android添加程序背景颜色,Android小程序实现切换背景颜色
  13. c语言获取pmbus之pec值
  14. 如何查询目标计算机的ip地址,基于Wireshark获取目标ip地址
  15. 迈高图手机版_迈高图地图下载
  16. Docker磁盘空间使用分析与清理
  17. 【附源码】计算机毕业设计JAVA中国历史网站
  18. 磷酸铁锂电池充电过压保护
  19. react中 ajax跨域请求
  20. 大疆无人机安卓Mobile Sdk开发(三)制定航点任务WaypointMission

热门文章

  1. 无代码开发的未来是什么样的?
  2. 木马 + 流氓软件 + 垃圾软件 玩死 Win 2000 pro~
  3. EMAC和GMAC区别
  4. 图像滤镜艺术---水彩画滤镜
  5. 数组中的元素转成Number或者String---数组map方法
  6. 宾格代词-me、you_34
  7. one 主格 复数 宾格_主格和宾格的复数形式到底怎么写请说出答案
  8. Java获取指定年月的开始时间和结束时间
  9. pixiv爬虫,下载关注的所有画师的所有插画----解决谷歌人机,模拟登录,SSL错误与反反爬
  10. tmall.item.add.simpleschema.get( 天猫发布商品规则获取 )