计算颜色淡入度

将每种颜色划分为其RGB分量,然后计算所需的各个步骤。

oldRed = 120;
newRed = 200;
steps = 10;
redStepAmount = (newRed - oldRed) / steps;

currentRed = oldRed;
for (i = 0; i < steps; i++) {
   currentRed += redStepAmount;
}

很明显,将其扩展为绿色和蓝色。

您还应该回顾两个相关的问题:

• Generating gradients programatically?
• Conditional formatting — percentage to color conversion

祝你好运

-亚当

如果您想要一个看起来像大多数颜色选择器GUI小部件的混合,那么您真的需要转换为HSL或HSV。从这里开始,您可能可以在每个维度中使用线性插值。

直接在RGB颜色空间中插值是个坏主意。它的方式太非线性(不,伽马校正在这种情况下不会有帮助)。

ratio 接近 rgbColor2

function fadeToColor(rgbColor1, rgbColor2, ratio) {
    var color1 = rgbColor1.substring(4, rgbColor1.length - 1).split(','),
        color2 = rgbColor2.substring(4, rgbColor2.length - 1).split(','),
        difference,
        newColor = [];

    for (var i = 0; i < color1.length; i++) {
        difference = color2[i] - color1[i];
        newColor.push(Math.floor(parseInt(color1[i], 10) + difference * ratio));
    }

    return 'rgb(' + newColor + ')';
}

FF0000和00FF00

它将从红色到黄色过渡到绿色。

但是,如果您将“黑色”或其他颜色定义为混合的中点,则必须先将其着色为该颜色ff0000->000000->00ff00或白色通道:ff0000->ffffff->00ff00。

最简单的方法是在颜色组件之间进行线性插值(参见nickf的回答)。请注意,眼睛是高度非线性的,所以它不一定看起来像你在走哪怕一步。一些颜色空间试图解决这个问题(可能是CIE?),所以您可能希望先转换到另一个颜色空间,进行插值,然后转换回RGB或您正在使用的任何颜色空间。

怎么样 this answer

- (UIColor *)colorFromColor:(UIColor *)fromColor toColor:(UIColor *)toColor percent:(float)percent
{
    float dec = percent / 100.f;
    CGFloat fRed, fBlue, fGreen, fAlpha;
    CGFloat tRed, tBlue, tGreen, tAlpha;
    CGFloat red, green, blue, alpha;

    if(CGColorGetNumberOfComponents(fromColor.CGColor) == 2) {
        [fromColor getWhite:&fRed alpha:&fAlpha];
        fGreen = fRed;
        fBlue = fRed;
    }
    else {
        [fromColor getRed:&fRed green:&fGreen blue:&fBlue alpha:&fAlpha];
    }
    if(CGColorGetNumberOfComponents(toColor.CGColor) == 2) {
        [toColor getWhite:&tRed alpha:&tAlpha];
        tGreen = tRed;
        tBlue = tRed;
    }
    else {
        [toColor getRed:&tRed green:&tGreen blue:&tBlue alpha:&tAlpha];
    }

    red = (dec * (tRed - fRed)) + fRed;
    green = (dec * (tGreen - fGreen)) + fGreen;
    blue = (dec * (tBlue - fBlue)) + fBlue;
    alpha = (dec * (tAlpha - fAlpha)) + fAlpha;

    return [UIColor colorWithRed:red green:green blue:blue alpha:alpha];
}