jsrgba颜色转换成16进制颜色
时间: 2024-03-31 19:27:54 浏览: 68
你可以使用引用中提供的两个函数来实现将rgba颜色转换成16进制颜色的功能。具体步骤如下:
1. 首先,使用hexToRgba函数将16进制颜色转换成rgba数组。
2. 然后,使用rgbaToHex函数将rgba数组转换成16进制颜色。
下面是具体的代码实现:
```
function rgbaToHex(rgba){
let hex = '#';
for (const i of rgba) {
hex += i.toString(16).padStart(2, '0');
}
return hex;
}
function hexToRgba(hex){
const rgba = [];
hex = hex.replace('#', '').padEnd(8, 'F');
for (let i = 0; i < hex.length; i+=2) {
rgba.push(parseInt(hex.slice(i, i+2), 16))
}
return rgba;
}
const rgbaColor = [255, 0, 0, 0.5]; // 示例rgba颜色
const hexColor = rgbaToHex(rgbaColor); // 将rgba颜色转换成16进制颜色
console.log(hexColor); // 输出结果为:#ff000080
```
阅读全文