我知道你能写…
background-color: #ff0000;
．.． 如果你想要红色的东西。
你可以写…
background-color: rgba(255, 0, 0, 0.5);
．.． 如果你想要红色半透明的。
有没有简单的十六进制表示部分透明颜色的方法?我想要这样的东西:
background-color: #ff000088; <--- the 88 is the alpha
．.． 还是……
background-color: #ff0000 50%;
我得到的所有颜色都是十六进制的，而必须将它们全部转换为0-255的十进制刻度，这很烦人。
当前回答
请看这里http://www.w3.org/TR/css3-color/#rgba-color
这是不可能的，很可能是因为0xFFFFFFFF大于32位整数的最大值
其他回答
RGB='#ffabcd';
A='0.5';
RGBA='('+parseInt(RGB.substring(1,3),16)+','+parseInt(RGB.substring(3,5),16)+','+parseInt(RGB.substring(5,7),16)+','+A+')';
请看这里http://www.w3.org/TR/css3-color/#rgba-color
这是不可能的，很可能是因为0xFFFFFFFF大于32位整数的最大值
如果你所有的颜色都在HEX变量中，你可以使用下面的SCSS代码:
首先，将这个映射从rgba - opacity值复制到十六进制代码:
$opacity-to-hex: (
0: '00',
0.05: '0C',
0.1: '19',
0.15: '26',
0.2: '33',
0.25: '3F',
0.3: '4C',
0.35: '59',
0.4: '66',
0.45: '72',
0.5: '7F',
0.55: '8C',
0.6: '99',
0.65: 'A5',
0.7: 'B2',
0.75: 'BF',
0.8: 'CC',
0.85: 'D8',
0.9: 'E5',
0.95: 'F2',
1: 'FF'
)
然后复制下面使用映射的mixin:
@mixin color-opacity($property, $color, $opacity) {
#{$property}: unquote($color + map-get($opacity-to-hex, $opacity));
}
最后但并非最不重要的是，你可以在所有颜色属性上使用这个mixin和映射的不透明度，例如:
@include color-opacity('background-color', $your_hex_color, 0.8);
@include color-opacity('color', $your_hex_color, 0.5);
Sass有红色，绿色，蓝色可以从十六进制颜色中提取通道:
background-color: rgba(red($hex_color), green($hex_color), blue($hex_color), 0.2);
Sass也有rgba($hex_color， $alpha)
在Sass中，我们可以这样写:
background-color: rgba(#ff0000, 0.5);
因为它被建议在十六进制表示的颜色与alpha通道?
