在Javascript或jQuery中获取Color的色调？

Question

Javascript或jQuery中是否有办法可以获取所有颜色的阴影，然后将值返回到array？非常感谢你。

类似的东西：

Answer 1

你的意思是这样吗？

var r = 40 % 256;
var g = 40 % 256;
var b = 50 % 256;
var result = [];

for(var i = 0; i < 7; i++)
{
    r += 33;
    g += 33;
    b += 33;
    result.push(r + "," + g + "," + b);
}
  
console.log(result);

Answer 2

In color theory，要获得private double largeur = 1; private double longeur = 1; private String couleur = "white"; public Rectangle() { } public Rectangle(double largeur, double longeur, String couleur) { this.couleur = couleur; this.largeur = largeur; this.longeur = longeur; } public double getLarg() { return largeur; } public double getLong() { return longeur; } public String getCouleur() { return couleur; } 颜色，您需要降低其亮度，如果您想获得shade颜色，则需要增加其亮度。我已经在tint和JavaScript重写了我之前做过的用于在颜色模型之间进行转换的内容。 This utility允许您使用class颜色模型。使用HSL颜色，您可以采用基色并改变其亮度或饱和度，这里有两个示例向您展示其可能性，并且您将在其中找到问题的答案：

更改HSL颜色的亮度和饱和度

HSL

Here you have the result上述代码。

更改多种HSL颜色的饱和度

//---Variables
var doc = document,
    container = doc.querySelector("#container"),
    converter = new ColorConverter(),
    hsl = null,
    rgb = null,
    code = null,
    box = null;

//---Create elements
for (var row = 0; row < 10; row++) {

    for (var col = 0; col < 10; col++) {

        hsl = {
            "h": 25,
            "s": (row * 10) + "%",
            "l": (col * 5 + 30) + "%"
        };

        rgb = converter.toHEX(hsl, true);
        code = converter.toRGB(hsl);
        box = doc.createElement("div");
        box.style.background = rgb;
        box.innerHTML = "R:" + code.r + "<br>G:" + code.g + "<br>B:" + code.b;
        container.appendChild(box);

    }

}

Here you have the result上述代码。