如何乘以十六进制颜色代码？

Question

我想将颜色从 0x008000（绿色）更改为 0x0000FF（蓝色）。 如果我乘以 0x008000 * 256 = 0x800000（Google 搜索充当计算器）。 我需要找到正确的乘数，所以结果是 0x0000FF。

回答下面的人 - 我这样做是为了在 pixi.js 中的矩形上进行颜色过渡。

根据我收集到的信息，RGB 颜色代码分为 3 个部分 - 红色、绿色和蓝色，以十六进制表示的 0-FF 或十进制表示的 0-255 的比例。但是如何正确乘以得到想要的结果呢？

Answer 1

如果你想从一种颜色线性变化到另一种颜色，我推荐这样的：

int startColor = 0x008000;
int endColor   = 0x0000FF;

int startRed   = (startColor >> 16) & 0xFF;
int startGreen = (startColor >>  8) & 0xFF;
int startBlue  =  startColor        & 0xFF;

int endRed, endGreen, endBlue; //same code

int steps = 24;
int[] result = new int[steps];

for(int i=0; i<steps; i++) {
    int newRed = ( (steps - 1 - i)*startRed + i*endRed ) / (steps - 1);
    int newGreen, newBlue; //same code
    result[i] = newRed << 16 | newGreen << 8 | newBlue;
}

这是针对 JavaScript 的：

var startColor = 0x008000;
var endColor = 0x0000FF;
var startRed = (startColor >> 16) & 0xFF;
var startGreen = (startColor >> 8) & 0xFF;
var startBlue = startColor & 0xFF;
var endRed = (endColor >> 16) & 0xFF;
var endGreen = (endColor >> 8) & 0xFF;
var endBlue = endColor & 0xFF;
var steps = 24;
var result = [];
for (var i = 0; i < steps; i++) {
var newRed = ((steps - 1 - i) * startRed + i * endRed) / (steps - 1);
var newGreen = ((steps - 1 - i) * startGreen + i * endGreen) / (steps - 1);
var newBlue = ((steps - 1 - i) * startBlue + i * endBlue) / (steps - 1);
var comb = newRed << 16 | newGreen << 8 | newBlue;
console.log(i + " -> " + comb.toString(16));
result.push(comb);
}
console.log(result);