问题基本上是需要多少填充零。

如果您希望从数字1和17中选择字符串01和11。最好使用Buffer作为桥，用它将数字转换为字节，然后十六进制只是它的输出格式。字节组织由Buffer函数很好地控制，如writeUInt32BE、writeInt16LE等。

import { Buffer } from 'buffer';

function toHex(n) { // 4byte
  const buff = Buffer.alloc(4);
  buff.writeInt32BE(n);
  return buff.toString('hex');
}

> toHex(1)
'00000001'
> toHex(17)
'00000011'
> toHex(-1)
'ffffffff'
> toHex(-1212)
'fffffb44'
> toHex(1212)
'000004bc'

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

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

您可以在ECMAScript 6中执行以下操作：

const toHex = num => (num).toString(16).toUpperCase();

结合RGB值到十六进制函数的一些好主意（在HTML/CSS的其他地方添加#）：

function rgb2hex(r,g,b) {
    if (g !== undefined)
        return Number(0x1000000 + r*0x10000 + g*0x100 + b).toString(16).substring(1);
    else
        return Number(0x1000000 + r[0]*0x10000 + r[1]*0x100 + r[2]).toString(16).substring(1);
}

对于任何感兴趣的人，这里有一个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）。

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

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

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

例如：

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

请在此处仔细检查此示例