通过编程生成渐变色？

Question

给定2个RGB颜色和一个矩形区域，我想生成两种颜色之间的基本线性渐变。我已经做了一个快速搜索，但是我只能找到这篇博客文章，链接为：this blog entry，但示例代码好像已经失踪了，至少在发布此帖子时是这样的。任何帮助都可以，算法、代码示例等。这将使用Java编写，但显示层已经处理好了，我只需要弄清楚要显示什么。

- Paul Wicks

Answer 1

你想要第一种颜色和第二种颜色之间的插值。通过计算每个组成部分（R，G，B）的相同插值来插值颜色非常容易。有很多插值的方法。最简单的方法是使用线性插值：只需取第一种颜色的百分比p和第二种颜色的百分比1-p：

R = firstCol.R * p + secondCol.R * (1 - p)

有另一个相关问题。

还有其他方法的插值，有时效果更好。例如，使用钟形（S型）插值函数可以使过渡更加平滑。

/EDIT：哦，你是指使用预定义函数。好的，更容易了。你链接的博客现在有Python的示例代码。

在Java中，您可以使用GradientPaint。

- Konrad Rudolph

---

在Java 1.6及以上版本中，还有LinearGradientPaint，它允许更多地控制其绘制方式。请参见http://java.sun.com/javase/6/docs/api/java/awt/LinearGradientPaint.html。 - Avrom

Answer 2

你可以使用内置的GradientPaint类。（参考链接）

void Paint(Graphics2D g, Regtangle r, Color c1, Color c2)
{
  GradientPaint gp = new GradientPaint(0,0,c1,r.getWidth(),r.getHeight(),c2); 
  g.setPaint(gp);
  g.fill(rect);
}

- dbkk

Answer 3

使用基本的AWT类，您可以像这样做：

import java.awt.Color;
import java.awt.Graphics;
import java.awt.Graphics2D;
import java.awt.geom.Rectangle2D;
import javax.swing.JPanel;

public class LinearGradient extends JPanel {

    public void paint(Graphics g) {
        Graphics2D g2 = (Graphics2D) g;
        Color color1 = Color.RED;
        Color color2 = Color.BLUE;
        int steps = 30;
        int rectWidth = 10;
        int rectHeight = 10;

        for (int i = 0; i < steps; i++) {
            float ratio = (float) i / (float) steps;
            int red = (int) (color2.getRed() * ratio + color1.getRed() * (1 - ratio));
            int green = (int) (color2.getGreen() * ratio + color1.getGreen() * (1 - ratio));
            int blue = (int) (color2.getBlue() * ratio + color1.getBlue() * (1 - ratio));
            Color stepColor = new Color(red, green, blue);
            Rectangle2D rect2D = new Rectangle2D.Float(rectWidth * i, 0, rectWidth, rectHeight);
            g2.setPaint(stepColor);
            g2.fill(rect2D);
        }
    }
}

- David Crow

Answer 4

在David Crow的出色答案之后，这里提供一个Kotlin示例实现

fun gradientColor(x: Double, minX: Double, maxX: Double, 
                  from: Color = Color.RED, to: Color = Color.GREEN): Color {
    val range = maxX - minX
    val p = (x - minX) / range

   return Color(
        from.red * p + to.red * (1 - p),
        from.green * p + to.green * (1 - p),
        from.blue * p + to.blue * (1 - p),
        1.0
    )
}

- Holger Brandl

Answer 5

我一直在使用RMagick。如果你需要更进一步的渐变效果，ImageMagick及其封装程序之一（如RMagick或JMagick适用于Java）可能会有所帮助。

- Thibaut Barrère