透明ARGBhex值
这个表中的颜色都不透明。 我猜A的值被设置为FF 。
什么是透明度代码？
比如这个颜色FFF0F8FF（AliceBlue），要透明代码如??F0F8FF ？
透明度由alpha通道控制（ AA在#AARRGGBB ）。 最大值（255十进制，FFhex）表示完全不透明。 最小值（0十进制，00hex）表示完全透明。 中间的值是半透明的，即颜色与背景颜色混合。
要获得完全透明的颜色，请将alpha设置为零。 RR ， GG和BB在这种情况下是不相关的，因为不会看到颜色。 这意味着#00FFFFFF （“透明的白色”）是#00F0F8FF （“透明的AliceBlue”）相同的颜色。 为了保持简单，如果颜色无关紧要，可以select黑色（ #00000000 ）或白色（ #00FFFFFF ）。
在你链接到的表中，你会发现Transparent被定义为#00FFFFFF 。
这是％到hex值的表格。例如对于50％的白色，您可以使用＃ 80的 FFFFFF。
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
除了@Maleta在https://stackoverflow.com/a/28481374/1626594的评论中所做的解释之外，还可以添加其他答案，并且不做任何事情，; 然后执行alpha * 255，然后转到hex 。 这是一个快速转换器http://jsfiddle.net/8ajxdLap/4/
function rgb2hex(rgb) { var rgbm = rgb.match(/^rgba?[\s+]?\([\s+]?(\d+)[\s+]?,[\s+]?(\d+)[\s+]?,[\s+]?(\d+)[\s+]?,[\s+]?((?:[0-9]*[.])?[0-9]+)[\s+]?\)/i); if (rgbm && rgbm.length === 5) { return "#" + ('0' + Math.round(parseFloat(rgbm[4], 10) * 255).toString(16).toUpperCase()).slice(-2) + ("0" + parseInt(rgbm[1], 10).toString(16).toUpperCase()).slice(-2) + ("0" + parseInt(rgbm[2], 10).toString(16).toUpperCase()).slice(-2) + ("0" + parseInt(rgbm[3], 10).toString(16).toUpperCase()).slice(-2); } else { var rgbm = rgb.match(/^rgba?[\s+]?\([\s+]?(\d+)[\s+]?,[\s+]?(\d+)[\s+]?,[\s+]?(\d+)[\s+]?/i); if (rgbm && rgbm.length === 4) { return "#" + ("0" + parseInt(rgbm[1], 10).toString(16).toUpperCase()).slice(-2) + ("0" + parseInt(rgbm[2], 10).toString(16).toUpperCase()).slice(-2) + ("0" + parseInt(rgbm[3], 10).toString(16).toUpperCase()).slice(-2); } else { return "cant parse that"; } } } $('button').click(function() { var hex = rgb2hex($('#in_tb').val()); $('#in_tb_result').html(hex); });
body { padding: 20px; }
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> Convert RGB/RGBA to hex #RRGGBB/#AARRGGBB:<br> <br> <input id="in_tb" type="text" value="rgba(200, 90, 34, 0.75)"> <button>Convert</button><br> <br> Result: <span id="in_tb_result"></span>
只需使用这个：
机器人：背景= “＃00FFFFFF”
它会做你的工作。
