前言：
现在看官们对“js改变背景颜色的代码”大约比较讲究，咱们都需要了解一些“js改变背景颜色的代码”的相关内容。那么小编在网上汇集了一些对于“js改变背景颜色的代码””的相关内容，希望我们能喜欢，各位老铁们快快来学习一下吧！业务开发中经常会遇见色值转换的场景，如场景替换时的色值的实时展示或者用Canvas生成纯色背景等等，基于这些场景，封装了两个方法，便于调用：
rgb转hex代码如下
// 将 RGB 颜色转换为十六进制表示 function rgbToHex(red, green, blue) { const toHex = (colorValue) => { const hex = colorValue.toString(16); return hex.length == 1 ? "0" + hex : hex; }; return "#" + toHex(red) + toHex(green) + toHex(blue); } rgbToHex(40,40,4) //'#282804'rgbToHex(255,0,255) //'#ff00ff' hex转rgb代码如下
function hexToRgb(hex) { // 移除前缀#符号 hex = hex.replace(/^\s*#|\s*$/g, ''); // 如果是三位十六进制数，将其转换为六位十六进制数 if(hex.length=== 3) { const [r,g,a] = hex.split('') hex = [r,r,g,g,a,a].join('') } // 将十六进制数转换为十进制数值 let red = parseInt(hex.substr(0, 2), 16); let green = parseInt(hex.substr(2, 2), 16); let blue = parseInt(hex.substr(4, 2), 16); return { red, green, blue };} 版权声明：
本站文章均来自互联网搜集，如有侵犯您的权益，请联系我们删除，谢谢。
标签： #js改变背景颜色的代码
