美文网首页
JS将16进制颜色转为RGBA颜色格式

JS将16进制颜色转为RGBA颜色格式

作者: 不愿透露姓名的董师傅 | 来源:发表于2023-06-11 17:38 被阅读0次

    请参考

    function hexToRgba(hexColor, alpha = .5) {
    
      // 移除 # 号并提取颜色值
      var hex = hexColor.replace('#', '');
    
      // 将颜色值拆分成 R、G、B 三个部分
      var r = parseInt(hex.substring(0, 2), 16);
      var g = parseInt(hex.substring(2, 4), 16);
      var b = parseInt(hex.substring(4, 6), 16);
    
      // 转换为 RGBA 格式并添加透明度
      var rgba = `rgba(${r}, ${g}, ${b}, ${alpha})`
    
      return rgba;
    }
    
    // 示例用法
    const hexColor = "#FF0000";
    const rgbaColor = hexToRgba(hexColor);
    console.log(rgbaColor); // 输出 "rgba(255, 0, 0, .5)"
    
    

    相关文章

      网友评论

          本文标题:JS将16进制颜色转为RGBA颜色格式

          本文链接:https://www.haomeiwen.com/subject/vyffydtx.html