js rgb转16进制

作者：至尊巅峰发布日期:2025-04-12 浏览:23

function rgbToHex(r, g, b) {
    // 将RGB值转换为16进制字符串，并确保两位数
    return "#" + ((1 << 24) + (r << 16) + (g << 8) + b).toString(16).slice(1).toUpperCase();
}

// 示例调用
console.log(rgbToHex(255, 99, 71)); // 输出: #FF6347

解释说明：

函数定义：rgbToHex(r, g, b) 接受三个参数 r, g, b，分别代表红色、绿色和蓝色的值（0-255）。
位运算：
- (1 << 24)：将1左移24位，生成一个32位数的最高位为1，其余位为0，这样可以确保后续的RGB值不会丢失高位。
- (r << 16)：将红色值左移16位。
- (g << 8)：将绿色值左移8位。
- b：保持蓝色值不变。
转换为16进制字符串：使用 .toString(16) 方法将数值转换为16进制字符串。
切片处理：.slice(1) 去掉前面多余的字符，确保只保留6位16进制颜色值。
大写转换：.toUpperCase() 将结果转换为大写形式。
示例调用：通过 console.log(rgbToHex(255, 99, 71)) 输出 #FF6347，表示将 RGB 值 (255, 99, 71) 转换为16进制颜色值。

上一篇：js 数字转数组

下一篇：js 数字转二进制