RGBA颜色转HEX格式时Alpha通道输出错误如何修复？

• 位运算会自动将操作数转换为32位整数，你代码里的aChannel是0.7的浮点值，直接参与位运算时会被隐式取整为0，最终Alpha通道的十六进制值就变成了00。
• 原有代码拆分了R通道和剩余通道的计算逻辑，冗余且容易出现计算偏差。

首先将0-1区间的Alpha浮点值乘以255后取整，转换为0-255区间的整数再参与位运算，修复后的代码如下：

let rChannel = 255;
let gChannel = 255;
let bChannel = 255;
let aChannel = 0.7;

// Alpha值从0-1浮点转0-255整数
const aInt = Math.round(aChannel * 255);
// 合并计算所有通道的十六进制值，slice(1)去掉最高位溢出的占位值
const hex = '#' + ((1 << 24) + (rChannel << 16) + (gChannel << 8) + aInt).toString(16).slice(1);

console.log(hex); // 输出 #ffffffb3，和预期结果一致

如果你的通道值可能是字符串类型的数字，可以保留parseFloat做兼容：

let rChannel = 255;
let gChannel = 255;
let bChannel = 255;
let aChannel = 0.7;

const rInt = Math.round(parseFloat(rChannel));
const gInt = Math.round(parseFloat(gChannel));
const bInt = Math.round(parseFloat(bChannel));
const aInt = Math.round(parseFloat(aChannel) * 255);

const hex = '#' + ((1 << 24) + (rInt << 16) + (gInt << 8) + aInt).toString(16).slice(1);

内容的提问来源于stack exchange，提问作者stckvrw