js根据给定颜色生成更亮/暗/颜色

实现思路：
将形如 #123456 两两分出来 转成10机制 对应rgb格式 根据传入数值调整后再转换回16进制

/**
 * @description: 调整颜色更亮更暗
 * @param {string} color 六位十六禁止颜色
 * @param {number} range 正负数决定颜色更改
 * @return {string} new color
 */
function adjustColor(color, range) {
  let newColor = '#';
  for (let i = 0; i < 3; i++) {
    const hxStr = color.substr(i * 2 + 1, 2);
    let val = parseInt(hxStr, 16);
    val += range;
    if (val < 0) val = 0;
    else if (val > 255) val = 255;
    newColor += val.toString(16).padStart(2, '0')
  }
  return newColor;
}

console.log(light("#049204", 2));
console.log(light("#049204", 4));
console.log(light("#049204", 6));
console.log(light("#049204", 8));
console.log(light("#049204", 18));
console.log(light("#049204", 28));
console.log(light("#049204", 38));
console.log(light("#049204", 48));
console.log(light("#049204", 58));
console.log(light("#049204", 68));

从白到黑

for (let index = 1; index <= 255; index++) {
  console.log(adjustColor('#000000', index))
}