透明度与十六进制代码转换

解析:〈#ffffffff〉
#ffffffff#加八位数字或字母组成,前两个ff为透明度(十六进制),后面六位ffffff为颜色代码,采用RGB配色(十六进制)
需要修改的机油一般都要查找相关资料,这里教你一个更快捷的方法!

一、进位制转换器获取透明代码的方法

安装打开,出现一个操作面板,

Hex(十六进制)、Dec(十进制)、Octal(八进制)、Bin(二进制)

输出框;

Hex(输出十六进制值)、Decimal(输出十进制值)、Octal(输出八进制值)、Binary(输出二进制值)

了解了功能就好办了,只要选择好功能,输入数值就可以读出对应的进位值,这里以透明度为例,透明度总共有255阶,写进语句的都是转换为十六进制的值,255阶为不透明,要得到25%透明度,将255乘25%得到大概63(此时仍是十进制值),那么在进位制选择十进制,输入63,在Hex输出框可以得到3f,那么这个就是十进制时63转化为十六进制的值,将3f写进语句得到〈#3fffffff〉,保存回编译,对应布局的25%透明度就改好了!是不是很简单呢?嘿嘿~
透明度参照表;

00%=FF(不透明)    
5%=F2    
10%=E5    
15%=D8    
20%=CC    
25%=BF    
30%=B2   
35%=A5    
40%=99    
45%=8c    
50%=7F    
55%=72    
60%=66    
65%=59    
70%=4c    
75%=3F    
80%=33    
85%=21    
90%=19    
95%=0c    
100%=00(全透明)

二、颜色代码

附件中的RGB调色板是可以自由进行配色的,将三原色红、绿、蓝按不同比例混合可以得到自己想要的颜色,下方的小框的六个数值就是对应配色的颜色代码!
是不是很方便呢?嘿嘿~
推荐几个经典颜色;
在这里插入图片描述


百分比透明度与16进制透明度的对应关系

最近又是对老项目各种修改,这期间经常要和ios统一一些样式颜色等等,ios总是喜欢用百分比的透明度,而Android基本是16进制。每次我都懒得计算,所以,我就索性从网上找了对照表,每次就对着表查,人太懒太笨真的是件很苦恼的事情。

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

你可能感兴趣的:(HTML5+CSS,CSS3)