如何让随机对比色对函数始终返回6位十六进制颜色代码？

问题根源在于：toString(16)将数值转为十六进制字符串时，不会自动补前导零。当随机生成的数值较小时，对应的十六进制字符串长度不足6位，拼接#后就会产生4位或5位的非标准颜色码。

解决方法很简单，使用padStart(6, '0')方法确保十六进制字符串始终为6位长度（不足时在开头补0），修改后的完整代码如下：

function randomColorPair() {
  const bg = '#' + Math.floor(Math.random() * 16777215).toString(16).padStart(6, '0');
  let fg = '#' + Math.floor(Math.random() * 16777215).toString(16).padStart(6, '0');
  
  while (Math.abs(parseInt(bg.substring(1), 16) - parseInt(fg.substring(1), 16)) < 0x777777) {
    fg = '#' + Math.floor(Math.random() * 16777215).toString(16).padStart(6, '0');
  }
  
  return [bg, fg];
}

// 测试输出
for (let i = 0; i < 13; i++) {
  console.log(randomColorPair());
}

关键修改说明 #

• padStart(6, '0')会自动在十六进制字符串的开头补充0，直到字符串总长度达到6位，彻底避免短颜色码的出现。
• 生成背景色和前景色的逻辑都需要添加这个处理，包括while循环内重新生成前景色的部分。

内容的提问来源于stack exchange，提问作者chovy