第一句子网 - 唯美句子、句子迷、好句子大全
第一句子网 > RGB与16进制颜色值互相转换

RGB与16进制颜色值互相转换

时间:2018-11-20 23:20:22

相关推荐

RGB与16进制颜色值互相转换

// 将 RGB 颜色值转换成十六进制颜色码const rgbToHex = (r, g, b) => {// 使用位运算符将三个 8 位的数值组合为一个 24 位的数值const combinedValue = (r << 16) + (g << 8) + b;// 在前面添加一个 # 符号,然后使用 toString(16) 方法将数值转换成 16 进制字符串const hexString = "#" + combinedValue.toString(16);// 如果转换后的字符串长度小于 7,就在前面补充 0,使得字符串总长度为 7return hexString.padStart(7, '0');}console.log(rgbToHex(255, 255, 255)); // #ffffff// 将十六进制颜色码转换成RGB 颜色值 function hexToRgb(hex) {// 将十六进制颜色码转换成RGB颜色值var r = parseInt(hex.substr(1, 2), 16);var g = parseInt(hex.substr(3, 2), 16);var b = parseInt(hex.substr(5, 2), 16);// 返回RGB颜色值return "rgb(" + r + ", " + g + ", " + b + ")";}// 使用示例var hexColor = "#FFA500";var rgbColor = hexToRgb(hexColor);console.log(rgbColor); // 输出:"rgb(255, 165, 0)"

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。