16进制和rgba颜色的相互转换 js
时间: 2024-03-31 21:25:19 浏览: 84
16进制和rgba颜色的相互转换
4星 · 用户满意度95%
可以使用以下方法将十六进制颜色值转换为RGBA颜色值:
```javascript
function hexToRGBA(hex, opacity) {
var r = parseInt(hex.slice(1, 3), 16);
var g = parseInt(hex.slice(3, 5), 16);
var b = parseInt(hex.slice(5, 7), 16);
return "rgba(" + r + ", " + g + ", " + b + ", " + opacity + ")";
}
var rgbaColor = hexToRGBA("#f5faf3", 0.4);
console.log(rgbaColor); // "rgba(245, 250, 243, 0.4)"
```
同样地,可以使用以下方法将RGBA颜色值转换为十六进制颜色值:
```javascript
function RGBAToHex(rgba) {
var values = rgba.match(/rgba?\((\d+), (\d+), (\d+)(, [\d.]+)?\)/i);
var r = parseInt(values
阅读全文