Javascript - “深一点”

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

Answer 2

正如 AB 所评论的，“阴影”的定义并不明确。尽管如此，用其他颜色表示可能更容易想到这一点，例如 hsv< 中的“V” /a>.

您可以转换、减少 v 并转换回来，或者找出减少 v 在 rgb 十六进制中映射到什么