【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
相关推荐
亿坊电商1 天前
AI数字人多模态技术如何提升用户体验?
人工智能·ux·ai数字人
网易易盾5 天前
AIGC产品如何平衡用户体验与内容安全?
安全·aigc·ux
UI设计兰亭妙微13 天前
探索 UI 设计服务:提升用户体验的关键力量
ui·ux
SEO_juper15 天前
解密 URL 参数:如何利用它们提升网站性能和用户体验
前端·javascript·ux·seo·url·数字营销·谷歌seo
qq_4560016525 天前
43、接口请求需要时间,导致页面初始加载时会出现空白,影响用户体验
javascript·vue.js·ux
刘小奇�多1 个月前
销售易CRM:以用户体验为核心,驱动企业销售效能提升
sass·ux
zandy10111 个月前
从技术架构视角解析衡石可视化产品的灵活性与用户体验优化
ux·用户体验·可视化产品·衡石科技
wancai20231 个月前
小程序电子画册制作,用户体验为王!
人工智能·科技·小程序·生活·ux
UI设计兰亭妙微1 个月前
UI设计公司:数据大屏设计提升用户体验的方法
信息可视化·ux
Dontla1 个月前
Figma介绍(基于云的协作式界面设计工具,主要用于UI/UX设计、原型制作和团队协作)
ui·ux·figma