我正在为我的应用程序小部件实现一个小部件透明度选项，尽管我有一些麻烦得到十六进制颜色值正确。完全新的十六进制颜色透明度我搜索了一下，虽然我找不到一个具体的答案，我的问题。
我想通过十六进制颜色来设置透明度假设我的十六进制颜色id为#33b5e5我想让它的透明度为50%。然后我使用“#8033b5e5”，因为80是50%。
我在这里找到了一个有用的图表:http://www.dtp-aus.com/hexadeci.htm。根据这些数据，我得出了这个结论:
0% = #00
10% = #16
20% = #32
30% = #48
40% = #64
50% = #80
60% = #96
70% = #112
80% = #128
90% = #144
当十六进制大于100时，问题就出现了。十六进制颜色码只能有8个符号长，对吗?例如#11233b5e5(80%)崩溃。
我该怎么做才能使我也能使用更高的数字呢?
当前回答
这是一个正确的百分表十六进制值的不透明度。例如，对于50%的白色，你可以使用#80FFFFFF。要从透明度的角度来考虑，可以颠倒百分比的顺序(更不透明=更不透明)。
| % | Hex |
|---|---|
| 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 |
(源问题)
其他回答
试试谷歌搜索(或点击这里)
255 * 2到十六进制
它将生成0x33作为结果。
但是，谷歌不能四舍五入值，因此只能使用1位乘数。如果你想使用。85，你必须先得到255 * .85的四舍五入值，然后在谷歌搜索中输入(四舍五入值)到十六进制。
这是一个正确的百分表十六进制值的不透明度。例如，对于50%的白色，你可以使用#80FFFFFF。要从透明度的角度来考虑，可以颠倒百分比的顺序(更不透明=更不透明)。
| % | Hex |
|---|---|
| 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 |
(源问题)
我知道这是一个老问题，但我在做类似的事情时遇到过这个问题。
使用SASS，你有一个非常优雅的方式将RGBA转换为十六进制ARGB: ie-hex-str。我在mixin中使用了它。
@mixin ie8-rgba ($r, $g, $b, $a){
$rgba: rgba($r, $g, $b, $a);
$ie8-rgba: ie-hex-str($rgba);
.lt-ie9 &{
background-color: transparent;
filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#{$ie8-rgba}', endColorstr='#{$ie8-rgba}');
}
}
.transparent{
@include ie8-rgba(88,153,131,.8);
background-color: rgba(88,153,131,.8);
}
输出:
.transparent { Background-color: rgba(88, 153, 131, 0.8); ｝ .lt-ie9 .transparent { 背景颜色:透明; 过滤器:progid: DXImageTransform.Microsoft。梯度(GradientType = 0, startColorstr = # CC589983, endColorstr = ' # CC589983 '); 变焦:1; ｝
我为一个android应用程序构建了这个小助手方法，可能会用到:
/**
* @param originalColor color, without alpha
* @param alpha from 0.0 to 1.0
* @return
*/
public static String addAlpha(String originalColor, double alpha) {
long alphaFixed = Math.round(alpha * 255);
String alphaHex = Long.toHexString(alphaFixed);
if (alphaHex.length() == 1) {
alphaHex = "0" + alphaHex;
}
originalColor = originalColor.replace("#", "#" + alphaHex);
return originalColor;
}
简单的回答:完整的百分比表
您可以看到十六进制值的完整百分比表，并在https://play.golang.org/p/l1JaPYFzDkI中运行该playground中的代码。
表格告诉我们结果，而不是如何找到结果。接下来的部分将解释如何计算自己。
伪代码中的简短解释
占十六进制值的百分比
十进制=百分比* 255 / 100。例如:十进制= 50*255/100 = 127.5 将十进制转换为十六进制值。例:十进制的127.5 = 7*16十进制的o.o.1 + 15 = 7F
十六进制值到百分比
将十六进制值转换为十进制。例:D6 = 13*16 1 + 6 = 214 百分比=(十进制值)* 100 / 255。例如:214 *100/255 = 84%
关于十进制<=>十六进制转换的更多信息
长话短说:如何心算
这个问题一般可以用交叉乘法来解决。
我们有一个百分比(范围从0到100)和另一个数字(范围从0到255)，然后转换为十六进制。
100 <==> 255(十六进制中的FF) 0 <==> 0(十六进制为00)
为1%
1 * 255 / 100 = 2,5 如果四舍五入，六边形中的5等于2。
为2%
2 * 255 / 100 = 5 六边形中的5是5。
最佳答案中的表格给出了5%的百分比。
如何心算两者之间的数字?由于2.5的增量，第一个加2，下一个加3
95% - F2 //启动 96% - F4 // F2加2 97% - F7 //加3。或者F2 + 5 = F7 98% - F9 //加2 99% - FC // add 3。9 + 3 = 12的六进制:C 100% - FF //添加2
我更喜欢教授如何找到解决方案，而不是展示一个你不知道结果从何而来的答案表。
给一个人一条鱼，你可以喂他一天;授人以渔，授人以渔 你喂了他一辈子
