JS颜色十六进制转换为rgb或rgba

最新推荐文章于 2024-08-14 15:33:51 发布

weixin_34254823

最新推荐文章于 2024-08-14 15:33:51 发布

阅读量1.1k

点赞数

文章标签：前端 javascript python ViewUI

原文链接：https://my.oschina.net/jamesview/blog/1631667

版权

2019独角兽企业重金招聘Python工程师标准>>>

 /**
   * JS颜色十六进制转换为rgb或rgba,返回的格式为 rgba（255，255，255，0.5）字符串
   * sHex为传入的十六进制的色值
   * alpha为rgba的透明度
   */
  colorRgba: (sHex, alpha = 1) => {
    // 十六进制颜色值的正则表达式
    var reg = /^#([0-9a-fA-f]{3}|[0-9a-fA-f]{6})$/
    /* 16进制颜色转为RGB格式 */
    let sColor = sHex.toLowerCase()
    if (sColor && reg.test(sColor)) {
      if (sColor.length === 4) {
        var sColorNew = '#'
        for (let i = 1; i < 4; i += 1) {
          sColorNew += sColor.slice(i, i + 1).concat(sColor.slice(i, i + 1))
        }
        sColor = sColorNew
      }
      //  处理六位的颜色值
      var sColorChange = []
      for (let i = 1; i < 7; i += 2) {
        sColorChange.push(parseInt('0x' + sColor.slice(i, i + 2)))
      }
      // return sColorChange.join(',')
      // 或
      return 'rgba(' + sColorChange.join(',') + ',' + alpha + ')'
    } else {
      return sColor
    }
  }

转载于:https://my.oschina.net/jamesview/blog/1631667