【Android常见问题(六)】- UX标注色值带有百分比的使用方法

这里写自定义目录标题

透明度和不透明度的转换

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

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

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

对应色值百分比透明度标注

复制代码
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
相关推荐
Axure组件3 天前
Axure: 分组柱状图1
交互·axure·ux
码界奇点5 天前
从零构建Linux Shell解释器深入理解Bash进程创建机制
linux·运维·解释器模式·bash·ux·源代码管理
Kingsdesigner6 天前
PS大神级AI建模技巧!效率翻倍工作流,悄悄收藏!
人工智能·ui·adobe·aigc·ux·设计师·photoshop
Axure组件7 天前
Axure: 平滑折线图
交互·axure·ux
低代码布道师13 天前
UX 设计入门终章:让洞察落地!用用户流程图、IA 和旅程图,设计用户与产品的互动故事
大数据·流程图·ux
兰亭妙微14 天前
用户体验设计 | 什么是 AX?从 UX 到 AX 的演进
人工智能·交互·ux·用户体验设计公司
兰亭妙微14 天前
用户体验设计 | 从UX到AX:人工智能如何重构交互范式?
人工智能·重构·ux
低代码布道师15 天前
UX 设计入门第四课:从洞察到设计!用亲和图、用户画像和同理心地图,整理你的研究发现
ux
top_designer15 天前
告别“复制粘贴”式换肤:我用Adobe XD组件变体与CC库,构建多品牌设计系统架构
前端·ui·adobe·系统架构·ux·设计师·adobe xd
Kingfar_11 个月前
智能移动终端导航APP用户体验研究案例分享
人工智能·算法·人机交互·ux·用户界面·用户体验