rgba转化为未调整的16进制

2022-08-25 18:01:05 阅读：194 来源： 互联网

标签：进制 16 replace toString rgba values

根据之前的讲解也就是这篇：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

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

rgba转化为未调整的16进制