rgba转化为未调整的16进制

根据之前的讲解 也就是这篇：https://www.cnblogs.com/heibaiqi/p/16612375.html，了解到16进制和rgba的关系，但是我碰到rgba转化为未调整的16进制时，居然搜不到，就一个简简单单的转化为啥非要变成6位的16进制呢？不同程序员需要的都不一样居然没有人出，网上大部分的版本是这样：

 // rgba转16进制

    hexify (color) {
      var values = color

        .replace(/rgba?\(/, '')

        .replace(/\)/, '')

        .replace(/[\s+]/g, '')

        .split(',');

      var a = parseFloat(values[3] || 1),

        r = Math.floor(a * parseInt(values[0]) + (1 - a) * 255),

        g = Math.floor(a * parseInt(values[1]) + (1 - a) * 255),

        b = Math.floor(a * parseInt(values[2]) + (1 - a) * 255);

      return "#" +

        ("0" + r.toString(16)).slice(-2) +

        ("0" + g.toString(16)).slice(-2) +

        ("0" + b.toString(16)).slice(-2);

    }

看完我都想问了，我都需要rgba转化为未调整的16进制肯定是需要16进制是8位的啊，为啥给我调整喽？

搜了好多都没有写的，最后还是自己手动敲的，代码如下：

//rbga转化为16进制
    rgbaConversionSixteen(color) {
        let values = color
          .replace(/rgba?\(/, '')
          .replace(/\)/, '')
          .replace(/[\s+]/g, '')
          .split(',');
        let a = (Math.floor(values[3]*256)).toString(16),
            r = (values[0]*1).toString(16),
            g = (values[1]*1).toString(16),
            b = (values[2]*1).toString(16);
        let str = r+g+b+a
        return "#" + str.toUpperCase()
    }

中间我把小写字母转化为大写字母了，不需要的可以省略这一步

标签：进制,16,replace,toString,rgba,values
来源： https://www.cnblogs.com/heibaiqi/p/16625174.html