美文网首页
使用左移运算符 << 将颜色的 RGB 值转为 HEX 值

使用左移运算符 << 将颜色的 RGB 值转为 HEX 值

作者: sunxiaochuan | 来源:发表于2018-09-03 15:59 被阅读0次

出处

二进制位运算符 - JavaScript 教程 - 网道 ---- 左移运算符

代码

var color = {r: 186, g: 218, b: 85};

// RGB to HEX
// (1 << 24)的作用为保证结果是6位数
var rgb2hex = function(r, g, b) {
  return '#' + ((1 << 24) + (r << 16) + (g << 8) + b)
    .toString(16) // 先转成十六进制,然后返回字符串
    .substr(1);   // 去除字符串的最高位,返回后面六个字符串
}

rgb2hex(color.r, color.g, color.b)
// "#bada55"

相关文章

网友评论

      本文标题:使用左移运算符 << 将颜色的 RGB 值转为 HEX 值

      本文链接:https://www.haomeiwen.com/subject/uqqiwftx.html