将三种颜色混合在一起

Question

我正在编写一种算法来生成图像。

＆lt;伪代码＆gt;

color1 = (7, 46, 76)
color2 = (119, 230, 161)
color3 = (148, 129, 134)

for every x, y in image {

   // do a crazy calculation to get a value based on x, y

     // this number is between 0 and 1
     float f = (output of crazy calculation)

     // part 1: finding the color between color 1 and color 2
     // according to f.
     float r = c1.r + (c2.r - c1.r) * f;
     float g = c1.g + (c2.g - c1.g) * f;
     float b = c1.b + (c2.b - c1.b) * f;
}

现在，这很好。我可以将R，G和B分配给像素，并在这两种颜色之间得到一些东西。问题是，它真的很无聊。

我想做的是将这种颜色与三分之一混合。我一直在阅读的一篇文章说：

“从基于f的简单颜色坡道开始，然后根据q的幅度将颜色混合到第三个颜色， - q是一个vector2，其值在之间0和

。

100 “是color1和color2。不知何故，我需要在color3中混合。

我不知道这篇文章的含义。我知道大小是sqrt（qx^2 + qy^2），但我不知道它如何希望我与（r，g，b）颜色在Color3中根据此值混合。

您如何混合第三颜色？

谢谢， rylan

Answer 1

伪代码中的以下引用是根据分数编号线性插值两种颜色。

 float r = c1.r + (c2.r - c1.r) * f;
 float g = c1.g + (c2.g - c1.g) * f;
 float b = c1.b + (c2.b - c1.b) * f;

此操作通常称为“ LERP”。在GLSL中，相同的操作称为MIX。

我认为这篇文章建议您以混合C1和C2的结果为例，然后根据q ，按照您描述的计算。

从您的伪代码开始，并假设我们在变量QM中具有Q的幅度，则可以像这样写第三颜色的

 r = r + (c3.r - r) * qm;
 g = g + (c3.g - g) * qm;
 b = b + (c3.b - b) * qm;

混合将QM缩小为0到1之间，或者将其夹在1中最多为1。