rgba 透明度转换十六进制

最新推荐文章于 2022-05-24 23:43:41 发布

唐月123456

最新推荐文章于 2022-05-24 23:43:41 发布

阅读量1k

点赞数

CC 4.0 BY-SA版权

分类专栏： css js代码

本文链接：https://blog.youkuaiyun.com/weixin_39054337/article/details/118380572

js代码同时被 2 个专栏收录

15 篇文章

订阅专栏

css

7 篇文章

订阅专栏

本文介绍了一种将RGBA颜色格式转换为十六进制颜色格式的方法。通过一个JavaScript函数实现，该函数能够处理透明度，并正确计算出混合后的颜色值。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

rgba 透明度转换十六进制

   colorChange(color) {
    let arr = color
      .replace(/rgba?\(/, '')
      .replace(/\)/, '')
      .replace(/[\s+]/g, '')
      .split(',');
    let a = parseFloat(arr[3] || 1),
        r = Math.floor(a * parseInt(arr[0]) + (1 - a) * 255),
        g = Math.floor(a * parseInt(arr[1]) + (1 - a) * 255),
        b = Math.floor(a * parseInt(arr[2]) + (1 - a) * 255);
    return "#" +
      ("0" + r.toString(16)).slice(-2) +
      ("0" + g.toString(16)).slice(-2) +
      ("0" + b.toString(16)).slice(-2);
  },
  colorConversion () {
    let myHex = this.colorChange('rgba(11, 161, 148, 0.6)')
    console.log(myHex);
  }