Transparent ARGB hex value

前端 未结 7 1988
天命终不由人
天命终不由人 2020-11-28 17:16

The colors in this table is all not transparent. I guess the value for the A is set to FF.

What is the code for transparency?

For

7条回答
  •  被撕碎了的回忆
    2020-11-28 18:00

    Adding to the other answers and doing nothing more of what @Maleta explained in a comment on https://stackoverflow.com/a/28481374/1626594, doing alpha*255 then round then to hex. Here's a quick converter 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;
    }
    
    Convert RGB/RGBA to hex #RRGGBB/#AARRGGBB:



    Result:

提交回复
热议问题