我知道这是一个老问题，但我在做类似的事情时遇到过这个问题。

使用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; ｝

我知道这是一个老问题，但我在做类似的事情时遇到过这个问题。

使用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; ｝

彩色十六进制表示法如下:#AARRGGBB

A: alpha R:红色 G:绿色 B:蓝色

首先应该看看十六进制是如何工作的。你最多可以写FF。

这个图表没有显示百分比。“#90”不是“90%”。 那个图表显示了十六进制到十进制的转换。十六进制数90(通常表示为0x90)相当于十进制数144。

十六进制数以16为底，因此每个数字都是0到f之间的值。两个字节十六进制值(例如颜色的透明度)的最大值是0xFF，或者十进制的255。因此100%是0xFF。

简单的回答:完整的百分比表

您可以看到十六进制值的完整百分比表，并在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

我更喜欢教授如何找到解决方案，而不是展示一个你不知道结果从何而来的答案表。

给一个人一条鱼，你可以喂他一天;授人以渔，授人以渔 你喂了他一辈子

这是一个正确的百分表十六进制值的不透明度。例如，对于50%的白色，你可以使用#80FFFFFF。要从透明度的角度来考虑，可以颠倒百分比的顺序(更不透明=更不透明)。

(源问题)