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

2023-06-11  本文已影响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)"

上一篇 下一篇

猜你喜欢

热点阅读