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

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

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

例如：

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

请在此处仔细检查此示例

带填充：

function dec2hex(i) {
   return (i+0x10000).toString(16).substr(-4).toUpperCase();
}

总结一下；

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;
}

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

如果您需要处理位字段或32位颜色之类的事情，那么您需要处理带符号的数字。JavaScript函数toString（16）将返回一个负十六进制数，这通常不是您想要的。这个函数做了一些疯狂的加法，使其成为正数。

函数decimalToHexString（数字）{如果（数字<0）{number=0xFFFFFFFF+number+1；}return number.toString（16）.toUpperCase（）；}console.log（decimalToHexString（27））；console.log（decimalToHexString（48.6））；

function dec2hex(i)
{
  var result = "0000";
  if      (i >= 0    && i <= 15)    { result = "000" + i.toString(16); }
  else if (i >= 16   && i <= 255)   { result = "00"  + i.toString(16); }
  else if (i >= 256  && i <= 4095)  { result = "0"   + i.toString(16); }
  else if (i >= 4096 && i <= 65535) { result =         i.toString(16); }
  return result
}

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

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