好吧，所以这是使用 ImageMagick 生成这种东西的方法，该软件包包含在大多数Linux发行版中，并且可用于macOS和Windows。请注意，有可用的Python，PHP，node.js和其他绑定。

首先，生成一个红色矩形：

magick -size 200x150 xc:red red.png

现在看看如何使用十六进制代码执行相同的操作：

magick -size 200x150 xc:"#ff0000" red.png

现在，绘制一个红色的矩形，上面有一个蓝色的矩形：

magick -size 200x150 xc:red -fill blue -draw "rectangle 10,10 80,140" redandblue.png

现在使蓝色透明：

magick -size 200x150 xc:red -fill blue -draw "rectangle 10,140" -transparent blue redandtrans.png

现在从灰绿色到洋红色渐变：

magick -size 200x150 gradient:lime-magenta gradient.png

现在将带有透明窗口的红色矩形叠加到渐变上：

magick gradient.png redandtrans.png -composite overlay.png

现在添加文本：

magick overlay.png -fill "#0000ff" -pointsize 16 -draw "text 90,40 'Coloured text'" result.png

现在，一次完成整个操作：

magick -size 200x150 gradient:lime-magenta                                    \
    \( xc:red -fill blue -draw "rectangle 10,140" -transparent blue \)  \
    -composite                                                                \
    -fill "#0000ff" -pointsize 16 -draw "text 90,40 'Coloured text'" result.png

现在您已经提供了模板，我可以像这样使用 ImageMagick 分离出通道，并与它们并排附加，左侧是红色通道，然后是绿色，然后是蓝色，然后是alpha /透明通道在右侧。我还在每个框周围添加了一个红色框，以便您可以在StackOverflow的白色背景上看到该框。

magick template.png -separate -scale 100x +append channels.png

关键字：ImageMagick，绝对基础知识，教程，透明度，撰写，叠加层，命令行，图像处理。

这听起来像是VGA时代的索引颜色/调色板效果（例如等离子，水和火），您可以在其中更改调色板（以特定方式）并随之改变图像。

想法是您的图像/精灵不直接包含RGB颜色，而是调色板中的颜色索引。图像/精灵的调色板的一部分包含颜色渐变，因此图像上的渐变也是索引上的渐变（相邻的阴影也具有相邻的索引）。这样可以处理许多旧的Pixelart精灵图片和图像（分类调色板）。

现在，您只需在调色板的该部分中选择几种颜色，然后对其余的梯度（线性或更好）进行插值即可。

要模拟您的需求，请执行以下操作：

1. 具有带有已排序调色板的索引彩色像素艺术

   例如，您可以使用调色板将图像转换为BMP或GIF并对颜色进行排序。

2. 使用颜色渐变检测调色板的一部分

3. 更改/更新渐变

4. 重新渲染或重新着色图像。