js将css16进制的颜色转换为rgba

最新推荐文章于 2023-10-30 13:48:23 发布

撑起自己半边天

最新推荐文章于 2023-10-30 13:48:23 发布

阅读量964

点赞数

分类专栏： JavaScript css/sass 文章标签： javascript 前端

本文链接：https://blog.csdn.net/weixin_43840289/article/details/131760461

版权

css/sass 同时被 2 个专栏收录

7 篇文章 0 订阅

订阅专栏

JavaScript

4 篇文章 1 订阅

订阅专栏

css16进制的颜色转换为rgba

function hexToRgba(hex, opacity) {
  if (!hex) hex = '#ededed';
  let rgbastr = ''
  if(hex.length == 4){
    let str = hex.split('')
    rgbastr += '#' + str[1]+str[1]+str[2]+str[2]+str[3]+str[3]
    hex = rgbastr
  }
  let rgba = 'rgba(' + parseInt('0x' + hex.slice(1,3)) + ',' +
      parseInt('0x' + hex.slice(3,5)) + ',' +
      parseInt('0x' + hex.slice(5,7)) + ',' +
      (opacity || "1") + ')'
  return rgba
}
hexToRgba('#ff0',0.5)
// rgba: rgba(255,255,0,0.5)