// 将 RGB 颜色值转换成十六进制颜色码
const rgbToHex = (r, g, b) => {
// 使用位运算符将三个 8 位的数值组合为一个 24 位的数值
const combinedValue = (r << 16) + (g << 8) + b;
// 在前面添加一个 # 符号,然后使用 toString(16) 方法将数值转换成 16 进制字符串
const hexString = "#" + combinedValue.toString(16);
// 如果转换后的字符串长度小于 7,就在前面补充 0,使得字符串总长度为 7
return hexString.padStart(7, '0');
}
console.log(rgbToHex(255, 255, 255)); // #ffffff
// 将十六进制颜色码转换成RGB 颜色值
function hexToRgb(hex) {
// 将十六进制颜色码转换成RGB颜色值
var r = parseInt(hex.substr(1, 2), 16);
var g = parseInt(hex.substr(3, 2), 16);
var b = parseInt(hex.substr(5, 2), 16);
// 返回RGB颜色值
return "rgb(" + r + ", " + g + ", " + b + ")";
}
// 使用示例
var hexColor = "#FFA500";
var rgbColor = hexToRgb(hexColor);
console.log(rgbColor); // 输出:"rgb(255, 165, 0)"
RGB与16进制颜色值互相转换
最新推荐文章于 2024-06-05 09:56:35 发布