16进制颜色转换半透明 半透明颜色背景

先讲讲简单易懂的 众所周知 16进制 可以用于给控件的 文本 背景等色彩元素定义颜色

 

据我已知的有两种长度的 16进制 颜色

#000000 六位 其中所有位都代表着解析某个颜色(这里不提供16进制颜色大全 请自己找)

#11000000 八位 其中前两位代表透明度 后六位代表解析的进制的解析颜色(CSS貌似相反 透明度在后颜色在前)

当然 前两位不是凭空算或者直接填百分比的 首先需要想好你想要的透明度百分比

比如 75% 然后 75%0.75 按照百分比转换小数

css或者Android控件的应该都知道有个控件属性叫 Alpha 该控件定义了控件或控件内文本的透明度

跟16进制的颜色息息相关 该值的大小范围是 0 ~ 255 最大范围255代表不透明也就是100%

这里就开始基础算数 255 * 0.75 = 191 得出的结果是 191 这边余数不要了

然后把算出的数 191去余 通过工具 10进制转16进制一下(我不会手算)

16进制颜色转换半透明 半透明颜色背景_第1张图片

 然后就得到转换好的16进制透明度的代码啦 是BF

别的示范

假设想要透明度 80%

那么就255 * 0.80 = 204

204 (十进制)转(十六进制)= CC

我们把他贴到原本的16进制颜色代码上就好啦

#BF000000 后六位的000000(CSS貌似是前六位 互换位置一下)表示你的颜色 红黄蓝绿青蓝紫都可以自己寻找寻找

下面提供了已经算好的

后面加上16进制的颜色
100% FF
95% F2
90% E6
85% D9
80% CC
75% BF
70% B3
65% A6
60% 99
55% 8C
50% 80
45% 73
40% 66
35% 59
30% 4D
25% 40
20% 33
15% 26
10% 1A
5% 0D
0% 00

你可能感兴趣的:(前端)