将十六进制颜色数字转换为十六进制颜色字符串：

使用toString和ES6 padStart将十六进制颜色数字转换为十六进制颜色字符串的简单解决方案。

const string = `#${color.toString(16).padStart(6, '0')}`;

例如：

0x000000将变为#0000000xFFFFFF将变为#FFFFFF

请在此处仔细检查此示例

为了完整起见，如果您想要负数的二进制补码十六进制表示，可以使用零填充右移>>运算符。例如：

> (-1).toString(16)
"-1"

> ((-2)>>>0).toString(16)
"fffffffe"

然而，有一个限制：JavaScript按位运算符将其操作数视为32位的序列，也就是说，您将得到32位2的补码。

如果您想将数字转换为RGBA颜色值的十六进制表示，我发现这是以下几个提示的最有用组合：

function toHexString(n) {
    if(n < 0) {
        n = 0xFFFFFFFF + n + 1;
    }
    return "0x" + ("00000000" + n.toString(16).toUpperCase()).substr(-8);
}

var number = 3200;
var hexString = number.toString(16);

16是基数，十六进制数中有16个值：-）

对于任何感兴趣的人，这里有一个JSFiddle比较了这个问题的大多数答案。

下面是我最终采用的方法：

function decToHex(dec) {
  return (dec + Math.pow(16, 6)).toString(16).substr(-6)
}

此外，请记住，如果您希望将十进制转换为十六进制，以便在CSS中用作颜色数据类型，那么您可能更喜欢从十进制中提取RGB值并使用RGB（）。

例如（JSFiddle）：

let c = 4210330 // your color in decimal format
let rgb = [(c & 0xff0000) >> 16,  (c & 0x00ff00) >> 8,  (c & 0x0000ff)]

// Vanilla JS:
document..getElementById('some-element').style.color = 'rgb(' + rgb + ')'
// jQuery:
$('#some-element').css('color', 'rgb(' + rgb + ')')

这将#some元素的CSS颜色属性设置为rgb（64、62、154）。

总结一下；

function toHex(i, pad) {

  if (typeof(pad) === 'undefined' || pad === null) {
    pad = 2;
  } 

  var strToParse = i.toString(16);

  while (strToParse.length < pad) {
    strToParse = "0" + strToParse;
  }

  var finalVal =  parseInt(strToParse, 16);

  if ( finalVal < 0 ) {
    finalVal = 0xFFFFFFFF + finalVal + 1;
  }

  return finalVal;
}

然而，如果不需要在结尾将其转换回整数（即颜色），那么只需确保值不是负值就足够了。