如何调整颜色的亮度？

.element {
  filter: brightness(150%);
}

function getBrightness(color) {
  // 获取颜色的RGB值
  const r = parseInt(color.substring(1, 3), 16);
  const g = parseInt(color.substring(3, 5), 16);
  const b = parseInt(color.substring(5, 7), 16);

  // 计算亮度
  return (r * 299 + g * 587 + b * 114) / 1000;
}

function setBrightness(color, brightness) {
  // 获取颜色的RGB值
  const r = parseInt(color.substring(1, 3), 16);
  const g = parseInt(color.substring(3, 5), 16);
  const b = parseInt(color.substring(5, 7), 16);

  // 计算新的RGB值
  const newR = Math.round(r + (brightness - getBrightness(color)) * 0.3);
  const newG = Math.round(g + (brightness - getBrightness(color)) * 0.6);
  const newB = Math.round(b + (brightness - getBrightness(color)) * 0.1);

  // 返回新的颜色值
  return `#${newR.toString(16).padStart(2, '0')}${newG.toString(16).padStart(2, '0')}${newB.toString(16).padStart(2, '0')}`;
}

// 示例
const color = '#ff0000'; // 红色
const brightness = getBrightness(color) * 1.5; // 亮度增加50%
const newColor = setBrightness(color, brightness); // 新的颜色值