透明 ARGB 十六进制值

Question

此表中的颜色全部不透明。我猜 A 的值设置为 FF。

透明度的准则是什么？

例如，将此颜色FFF0F8FF（AliceBlue）转换为透明代码，如？？F0F8FF？

Answer 1

添加到其他答案之外，没有做更多@Maleta在 https://stackoverflow.com/a/28481374/1626594 评论中解释的内容，做 alpha*255，然后四舍五入，然后四舍五入到十六进制。这是一个快速转换器 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>

Answer 2

透明度由alpha通道（AAin#AARRGGBB）控制。最大值（255 dec， FF hex）表示完全不透明。最小值（0 dec，00 hex）表示完全透明。介于两者之间的值是半透明的，即颜色与背景颜色混合。

要获得完全透明的颜色，请将 alpha 设置为零。在这种情况下，RR，GG和BB无关紧要，因为看不到任何颜色。这意味着#00FFFFFF（“透明白色”）与#00F0F8FF（“透明爱丽丝蓝”）的颜色相同。为了简单起见，如果颜色无关紧要，可以选择黑色（#00000000）或白色（#00FFFFFF）。

在您链接到的表中，您会发现定义为#00FFFFFF的透明。

Answer 3

以下是百分比到十六进制值的表格:

例如:对于85%的白色，您可以使用< code > # d 9 fffff 。这里85% = "D9 "

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

它是如何计算的？

FF是以十六进制模式写入的数字。这个数字代表十进制的255。例如，如果你想计算42%，你需要找到数字255的42%，并将该数字转换为十六进制。255*0.42~=107 107十六进制是“6B-maleta