2025年Javascript 转换色值、透明度

Javascript 转换色值、透明度JS 颜色十六进制转换为 rgb 或 rgba 返回的格式为 rgba 255 255 255 0 5 字符串 sHex 为传入的十六进制的色值 alpha 为 rgba 的透明度 colorRgba function sHex alpha 十六进制颜色值的正则表达式 var reg

大家好,我是讯享网,很高兴认识大家。
/ * JS颜色十六进制转换为rgb或rgba,返回的格式为 rgba(255,255,255,0.5)字符串 * sHex为传入的十六进制的色值 * alpha为rgba的透明度 */ colorRgba: function (sHex, alpha) { // 十六进制颜色值的正则表达式 var reg = /^#([0-9a-fA-f]{3}|[0-9a-fA-f]{6})$/ /* 16进制颜色转为RGB格式 */ let sColor = sHex.toLowerCase() if (sColor && reg.test(sColor)) { if (sColor.length === 4) { var sColorNew = '#' for (let i = 1; i < 4; i += 1) { sColorNew += sColor.slice(i, i + 1).concat(sColor.slice(i, i + 1)) } sColor = sColorNew } // 处理六位的颜色值 var sColorChange = [] for (let i = 1; i < 7; i += 2) { sColorChange.push(parseInt('0x' + sColor.slice(i, i + 2))) } // return sColorChange.join(',') return 'rgba(' + sColorChange.join(',') + ',' + alpha + ')' } else { return sColor } }

讯享网

 


讯享网

小讯
上一篇 2025-04-05 08:03
下一篇 2025-01-24 20:04

相关推荐

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容,请联系我们,一经查实,本站将立刻删除。
如需转载请保留出处:https://51itzy.com/kjqy/45617.html