生成平滑的十六进制梯度表

function generateHexGradient(startColor, endColor, step) {
  // 将起始颜色和结束颜色转换为RGB格式
  const startRGB = hexToRGB(startColor);
  const endRGB = hexToRGB(endColor);

  const gradient = [];

  // 计算每个步长的颜色
  for (let i = 0; i <= step; i++) {
    // 计算当前步长的颜色
    const currentRGB = interpolateRGB(startRGB, endRGB, i / step);
    // 将RGB颜色转换为十六进制格式
    const currentHex = RGBToHex(currentRGB);
    // 将当前颜色添加到梯度表中
    gradient.push(currentHex);
  }

  return gradient;
}

// 示例调用
const startColor = "#FF0000"; // 红色
const endColor = "#0000FF"; // 蓝色
const step = 10; // 步长为10

const gradientTable = generateHexGradient(startColor, endColor, step);
console.log(gradientTable);

// 辅助函数：将十六进制颜色转换为RGB格式
function hexToRGB(hex) {
  const r = parseInt(hex.slice(1, 3), 16);
  const g = parseInt(hex.slice(3, 5), 16);
  const b = parseInt(hex.slice(5, 7), 16);
  return { r, g, b };
}

// 辅助函数：将RGB颜色转换为十六进制格式
function RGBToHex(rgb) {
  const { r, g, b } = rgb;
  return `#${r.toString(16).padStart(2, "0")}${g.toString(16).padStart(2, "0")}${b.toString(16).padStart(2, "0")}`;
}

// 辅助函数：计算两个RGB颜色的插值
function interpolateRGB(startRGB, endRGB, ratio) {
  const r = Math.round(startRGB.r + (endRGB.r - startRGB.r) * ratio);
  const g = Math.round(startRGB.g + (endRGB.g - startRGB.g) * ratio);
  const b = Math.round(startRGB.b + (endRGB.b - startRGB.b) * ratio);
  return { r, g, b };
}