按一定百分比向或远离某个色调着色

Question

我正在尝试模拟 色调效果开放 XML。它的作用是通过改变色调来改变图像中像素的色调。它需要 2 个参数：1）hue（以度为单位）和 2）amt（数量，百分比）。我遇到的问题是#2。规范规定：

色调：将效果颜色值朝或远离色调移动 指定金额。

• amt（数量）- 指定颜色值移动的量。
• 色调（色调）- 指定要着色的色调。

不管 XML 构造如何，我都可以模拟 amt 为 100% 的值。例如，如果我想要蓝色（色调：240°），我可以创建这个（有色）。下面是一个示例：

原始和有色（色调 = 240，数量 = 100%）。

这只需将色调设置为 240，保持饱和度和亮度相同并转换为 RGB 和写入每个像素。

但这是我无法实现的：

Hue=240 (蓝色)，Amount = 30%，<分别为强>50%和80%

同样，Amount 的规范表示指定颜色值移动的程度 。我在这里尝试了各种方法来使其正常工作，但似乎无法（hue=hue*amount、originalhue * amount + Hue 等。 )

更多示例：色调=120（绿色），金额 = 30%、50%<分别为 /strong>、80% 和 100%。我能得到的100%。

以下是上图中单个像素的一些值列表：

像素 159, 116 - 蓝色图片

        Hue    Amount    R    G    B    | H    S     L
Original                 244  196   10  |  48  0.92  0.5
Blue    240     30%      237   30   45  | 356  0.85  0.52
Blue    240     50%      245    9  156  | 323  0.93  0.5
Blue    240     80%      140   12  244  | 273  0.91  0.5
Blue    240    100%       12   12  244  | 240  0.91  0.5

像素 159, 116 - 绿色图片

        Hue    Amount    R    G    B    | H    S     L
Original                 244  196   10  |  48  0.92  0.5
Green    120     30%     211  237   30  |  68  0.85  0.52
Green    120     50%     159  237   30  |  83  0.85  0.52
Green    120     80%      81  237   29  | 105  0.85  0.52
Green    120    100%      29  237   29  | 120  0.85  0.52

所以，问题是：有人知道这应该如何工作吗？

注意：这不重复：

• 更改位图的色调保留整体的 亮度
• 在 C# 中使用 ImageAttributes 旋转色调
• ...或者我能在 SO 上找到的任何其他内容

Answer 1

我非常确定您的问题是由您插值角度的方式引起的。这是一个插值函数（用 python 编写），应该可以解决这个问题。它基于 xna 论坛主题最短 2D 角度插值。

def wrap(value, lower, upper):
    distance = upper - lower
    return value - ((value-lower)//distance)*distance

def shortestangle(a,b):
    angle = wrap(b-a, 0, 360)
    if angle>=180: angle -= 360
    return angle

def interpolate(a,b,amount):
    return (a+shortestangle(a,b)*amount)%360

现在，interpolate(originalHue,hue,amount) 应该会产生所需的结果。

编辑：据我了解，您的目标是将原始色调向特定目标色调旋转一定的给定量。我相信您已经熟悉这一点，但为了便于说明，这里有一个色轮。

_{（来源：sapdesignguild.org）}

问题是混合（或插值）两个角度并不简单，因此像 hue = ((hue - OriginalHue) * amount) + OriginalHue 这样的代码将不起作用。由于 360° 环绕，您可以通过多种方式从一个角度转到另一个角度。要从 0° 到 60°，您可以逆时针旋转 60°、逆时针旋转 420°、顺时针旋转 300° 等。通常，最短的角度就是所需的角度。

例如，让我们考虑企鹅脖子：如果您的原始色调是 30°（橙色），目标是 240°（蓝色）并且数量是 50%，您将得到以下结果：

//Linear Interpolation
(30° + (240° - 30°)*0.5) = 135° (green)

//"Shortest 2D Angle Interpolation"
(30° + shortestangle(30°,240°)*0.5) % 360 = (30° + (-150°)*0.5) % 360 = 315° (magenta)

我的猜测是第二个结果是您正在寻找的那个，但我可能是错的，并且错误可能完全在其他地方......

Answer 2

您应该查看 TintParams在 GDI+ 中（尽管不是 .NET 的一部分）——这可能正是您正在寻找的。