【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
相关推荐
木斯佳14 小时前
周末杂谈:UI-UX Pro Max Skill:为AI编程助手注入专业设计智能的终极利器
ui·ai编程·ux
手揽回忆怎么睡14 小时前
opencode和TRAE使用Superpowers 和ui-ux-pro-max skillls
ide·ui·ai·ux
会一点设计2 天前
6个优质春节海报模板网站推荐!轻松设计马年祝福海报
ui·ux
果粒蹬i2 天前
【HarmonyOS】DAY10:React Native开发应用品质升级:响应式布局与用户体验优化实践
华为·harmonyos·ux
学嵌入式的小杨同学3 天前
【Linux 封神之路】信号编程全解析:从信号基础到 MP3 播放器实战(含核心 API 与避坑指南)
java·linux·c语言·开发语言·vscode·vim·ux
学嵌入式的小杨同学4 天前
【嵌入式 GUI 实战】LVGL+MP3 播放器:从环境搭建到图形界面开发全指南
linux·c语言·开发语言·vscode·vim·音频·ux
光影少年4 天前
智能体UI ux pro max
前端·ui·ux
学嵌入式的小杨同学4 天前
【Linux 封神之路】进程进阶实战:fork/vfork/exec 函数族 + 作业实现(含僵尸进程解决方案)
linux·开发语言·vscode·嵌入式硬件·vim·软件工程·ux
上海云盾-小余5 天前
高防 CDN 核心价值:抵御 DDoS 攻击与提升用户体验双赢
ddos·ux
檐下翻书1735 天前
AI原生应用:重新定义软件与用户体验
ux·ai-native