如何计算两种颜色间的准确中间色？LerpHue方法结果存偏差

核心问题分析 #

1. Hue值转换错误：Color.GetHue()返回的是0-360的角度值，不是0-255，代码中除以255会导致色相比例完全失真。
2. 硬编码步长t：当前t固定为0.7，而取中间色时t应该是0.5（对应50%的插值位置）。
3. HSV转RGB分支缺失：原函数未明确处理i=0的情况，可能导致色相转换错误。
4. 固定饱和度/明度：强制使用S=1.0、V=1.0会忽略原颜色的属性，导致结果偏离预期。

修正后的代码 #

public static string LerpHue(Color min, Color max)
{
    // 中间色对应50%插值，如需其他比例可将t设为参数传入
    float t = 0.5F;
    // 将GetHue()的0-360度转换为0-1的标准化范围
    float minHue = min.GetHue() / 360f;
    float maxHue = max.GetHue() / 360f;

    float scale = maxHue - minHue;
    // 处理色相环的最短路径插值（避免跨180度的长路径）
    if (Math.Abs(scale) > 0.5f)
    {
        scale = scale > 0 ? scale - 1f : scale + 1f;
    }

    float curHue = minHue + (scale * t);
    // 确保色相值始终在0-1范围内循环
    if (curHue < 0) curHue += 1f;
    else if (curHue > 1) curHue -= 1f;

    double r, g, b;
    // 使用原颜色的饱和度和明度，而非固定值
    HSVToRGB(curHue, min.GetSaturation(), min.GetBrightness(), out r, out g, out b);

    Color color = Color.FromArgb((int)(r * 255), (int)(g * 255), (int)(b * 255));            
    return $"#{color.R.ToString("X2")}{color.G.ToString("X2")}{color.B.ToString("X2")}";
}

public static void HSVToRGB(double H, double S, double V, out double R, out double G, out double B)
{
    if (H == 1.0)            
        H = 0.0;            

    double step = 1.0 / 6.0;
    double vh = H / step;

    int i = (int)Math.Floor(vh);

    double f = vh - i;
    double p = V * (1.0 - S);
    double q = V * (1.0 - (S * f));
    double t = V * (1.0 - (S * (1.0 - f)));

    switch (i)
    {
        case 0: { R = V; G = t; B = p; break; }
        case 1: { R = q; G = V; B = p; break; }
        case 2: { R = p; G = V; B = t; break; }
        case 3: { R = p; G = q; B = V; break; }
        case 4: { R = t; G = p; B = V; break; }
        case 5: { R = V; G = p; B = q; break; }
        default: { R = V; G = t; B = p; break; }
    }
}

关键修正说明 #

• Hue值标准化：将0-360度的色相值转为0-1范围，确保插值比例正确。
• 正确的中间步长：t=0.5精准对应两个颜色的中间位置。
• 色相环短路径处理：当两个色相差值超过180度时，选择更短的方向插值，避免出现不符合直觉的颜色。
• 保留原颜色属性：使用输入颜色的饱和度和明度，保证中间色与原颜色风格一致。
• 完善HSV转RGB逻辑：补充i=0的分支，修复色相转换的潜在错误。
• 简化十六进制输出：用ToString("X2")自动补零，替代手动PadLeft操作。

测试验证 #

• 红色（Hue=0）→ 绿色（Hue=120）：中间色相为60，对应黄色，结果符合预期。
• 红色（Hue=0）→ 黄色（Hue=60）：中间色相为30，对应橙色，结果正确。
• 黄色（Hue=60）→ 绿色（Hue=120）：中间色相为90，对应黄绿色，不会出现偏绿问题。

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