Javascript - "One shade darker"

Question

是否可以使用 javascript 来确定比当前背景深一个色度的颜色？也许一些十六进制加法/减法？

我有一个可以是任何颜色的菜单，如果不是太难的话，如果子菜单可以更暗一点就更好了。有谁知道如何实现这种效果？

Answer 1

像这样:

function shadeColor(color, shade) {
    var colorInt = parseInt(color.substring(1),16);

    var R = (colorInt & 0xFF0000) >> 16;
    var G = (colorInt & 0x00FF00) >> 8;
    var B = (colorInt & 0x0000FF) >> 0;

    R = R + Math.floor((shade/255)*R);
    G = G + Math.floor((shade/255)*G);
    B = B + Math.floor((shade/255)*B);

    var newColorInt = (R<<16) + (G<<8) + (B);
    var newColorStr = "#"+newColorInt.toString(16);

    return newColorStr;
}

用法:

var newColor = shadeColor("#AA2222", -10);
alert(newColor); //Results in #a32020

这是一个测试它的示例代码:http://pastebin.com/g6phySEv