如何使用递归缩短颜色字符串？

function shortenColorString(color) {
  if (color.length <= 7) {
    return color;
  }

  const subString = color.substring(1); // 去除#号
  const decimal = parseInt(subString, 16);
  const quotient = Math.floor(decimal / 16);
  const remainder = decimal % 16;
  
  const newChar1 = quotient.toString(16); // 商转换为16进制字符
  const newChar2 = remainder.toString(16); // 余数转换为16进制字符
  
  const newSubstring = subString.replace(/^./, newChar1).replace(/^./, newChar2);
  const newColor = "#" + newSubstring;
  
  return shortenColorString(newColor);
}

const colorString = "#11223344";
const shortenedColorString = shortenColorString(colorString);
console.log(shortenedColorString);