欢迎您访问 最编程 本站为您分享编程语言代码,编程技术文章!
您现在的位置是: 首页

将带有透明度的16进制颜色转换为RGB模式的方法

最编程 2024-01-13 07:03:11
...
function toColorRgba(color, opacity) { // 16进制颜色值的正则 var reg = /^#([0-9a-fA-f]{3}|[0-9a-fA-f]{6})$/; // 把颜色变成小写 var color = color.toString().toLowerCase(); if (reg.test(color)) { // 如果只有三位的值,需要转换成六位 #fff => #ffffff if (color.length == 4) { var colorNew = '#'; for (var i = 1; i < 4; i += 1) { colorNew += color.slice(i, i + 1).concat(color.slice(i, i + 1)); } color = colorNew; } // 处理六位的颜色值,转为RGB格式 var colorChange = []; for (var i = 1; i < 7; i += 2) { colorChange.push(parseInt('0x' + color.slice(i, i + 2))); } var rgbaStr = 'rgba(' + colorChange.join(',') + ',' + opacity/100 + ')'; return rgbaStr; } else { return color; } }

推荐阅读