Question

我尝试创建一个输入两种RGB颜色和一个百分比的函数，然后根据百分比返回两者之间的颜色。

我在网上找到了Dec2Hex功能并认为它很有用。

现在我尝试过：

function Dec2Hex(nValue) -- http://www.indigorose.com/forums/threads/10192-Convert-Hexadecimal-to-Decimal
    if type(nValue) == "string" then
        nValue = String.ToNumber(nValue);
    end
    nHexVal = string.format("%X", nValue);  -- %X returns uppercase hex, %x gives lowercase letters
    sHexVal = nHexVal.."";
    if nValue < 16 then
        return "0"..tostring(sHexVal)
    else
        return sHexVal
    end
end

function fade_RGB(colour1, colour2, percentage)
    r1, g1, b1 = string.match(colour1, "#([0-9A-F][0-9A-F])([0-9A-F][0-9A-F])([0-9A-F][0-9A-F])")
    r2, g2, b2 = string.match(colour2, "#([0-9A-F][0-9A-F])([0-9A-F][0-9A-F])([0-9A-F][0-9A-F])")
    r3 = (tonumber(r1, 16)/tonumber(r2, 16))*(percentage)
    g3 = (tonumber(g1, 16)/tonumber(g2, 16))*(percentage)
    b3 = (tonumber(b1, 16)/tonumber(b2, 16))*(percentage)
    return "#"..Dec2Hex(r3).. Dec2Hex(g3)..Dec2Hex(b3)
end

我认为我朝着正确的方向前进，但数学并不正确，我无法弄清楚如何解决它。提前谢谢！

Answer 1

没有名字的答案几乎是正确的，但他并没有根据百分比合并这两种颜色。

你想要的是对这两个值进行线性插值（虽然知道人类视觉/光明这不是插值颜色如何工作，但很多图书馆这样做是因为它很容易适用于简单的情况。）

r3 = tonumber(r1, 16)*(100-percentage)/100.0 + tonumber(r2, 16)*(percentage)/100.0

正如您可能会注意到，将百分比乘以并除以100是一种单调乏味，所以您可能希望将其传递给已经分割的。

Answer 2

如果我是对的，行

r3 = (tonumber(r1, 16)/tonumber(r2, 16))*(percentage)

应该是

r3 = math.abs(tonumber(r1, 16) - tonumber(r2, 16))*(percentage/100)

其他类似的行遵循相同的概念。

编辑：

r3 = math.min(tonumber(r1, 16), tonumber(r2, 16)) + 
    math.abs(tonumber(r1, 16) - tonumber(r2, 16)) * (percentage/100)

应该为fade_RGB("#FF0000", #0000FF, 0)生成红色，为fade_RGB("#FF0000", #0000FF, 100)生成蓝色。

Lua：褪色功能

2 个答案: