【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
相关推荐
stormsha2 天前
Linux中su与sudo命令的区别:权限管理的关键差异解析
linux·运维·服务器·鸿蒙系统·ux·batch命令
林恒smileZAZ14 天前
优化用户体验:拦截浏览器前进后退、刷新、关闭、路由跳转等用户行为并弹窗提示
前端·javascript·ux
卓卓没头发14 天前
前端性能监控:提升用户体验的关键指标解析
前端·ux
OneBlock Community14 天前
告别复杂操作!链抽象如何让 Web3 用户体验媲美 Web2?
web3·ux
bao_lanlan19 天前
兰亭妙微 | 系统界面设计优化:让复杂信息更轻松被看懂
ui·adobe·设计模式·ux
科技块儿21 天前
社交平台推出IP关联机制:增强用户体验与网络安全的新举措
tcp/ip·web安全·ux
bao_lanlan23 天前
兰亭妙微:用系统化思维重构智能座舱 UI 体验
ui·设计模式·信息可视化·人机交互·交互·ux·外观模式
UI设计兰亭妙微1 个月前
未来设计新篇章!2025 年 UX/UI 设计趋势,技术与体验的全新结合!
ui·ux
JC_You_Know1 个月前
多语言网站的 UX 陷阱与国际化实践陷阱清单
前端·ux
UI设计兰亭妙微1 个月前
APP 设计中的色彩心理学:如何用色彩提升用户体验
人工智能·ux