JavaScript Hex颜色转换：RGB、十进制、RGBA - 代码示例

将hex格式转换为其他格式（如RGB、十进制等）可以使用JavaScript的几种方法。下面是一些常用的转换方法示例：

1. 将hex转换为RGB格式：

function hexToRgb(hex) {
  // 去掉可能存在的#字符
  hex = hex.replace("#", "");
  
  // 将hex拆分成r、g、b三个部分
  let r = parseInt(hex.substring(0, 2), 16);
  let g = parseInt(hex.substring(2, 4), 16);
  let b = parseInt(hex.substring(4, 6), 16);
  
  // 返回RGB格式字符串
  return "RGB(" + r + "," + g + "," + b + ")";
}

console.log(hexToRgb("#FF0000")); // 输出：RGB(255,0,0)

2. 将hex转换为十进制格式：

function hexToDecimal(hex) {
  // 去掉可能存在的#字符
  hex = hex.replace("#", "");
  
  // 将hex转换为十进制数值
  let decimal = parseInt(hex, 16);
  
  // 返回十进制格式数值
  return decimal;
}

console.log(hexToDecimal("#FF0000")); // 输出：16711680

3. 将hex转换为rgba格式（带透明度）：

function hexToRgba(hex, alpha) {
  // 去掉可能存在的#字符
  hex = hex.replace("#", "");
  
  // 将hex拆分成r、g、b三个部分
  let r = parseInt(hex.substring(0, 2), 16);
  let g = parseInt(hex.substring(2, 4), 16);
  let b = parseInt(hex.substring(4, 6), 16);
  
  // 返回rgba格式字符串
  return "rgba(" + r + "," + g + "," + b + "," + alpha + ")";
}

console.log(hexToRgba("#FF0000", 0.5)); // 输出：rgba(255,0,0,0.5)

这些方法可以根据需要进行适当的调整，以满足特定的转换需求。