Question

在用户选取一个颜色后,我如何获得“hex”?

$("input#colorpicker").css( background-color ) => this returns background-color: rgb(107, 132, 255);

但并非一 he。

Answer 1

I assume that jQuery.css returns the value that was set. Try the following function to convert RGB to HEX:

function colorToHex(color) {
    if (color.substr(0, 1) ===  # ) {
        return color;
    }
    var digits = /(.*?)rgb((d+), (d+), (d+))/.exec(color);

    var red = parseInt(digits[2]);
    var green = parseInt(digits[3]);
    var blue = parseInt(digits[4]);

    var rgb = blue | (green << 8) | (red << 16);
    return digits[1] +  #  + rgb.toString(16);
};

colorToHex( rgb(120, 120, 240) )

Answer 2

实际上,这在一定程度上取决于浏览器在rg或 he子中返回,任何东西都阻止了这种read子,对此也进行了清醒的讨论,也有许多解决办法。

Background-color hex to Javaform

以及

如何获得超重的彩色价值而不是液化物的价值?

以及

能够用六dec形式强行遣返Query.cs(“后院”)?

以及

jquery css color value returns RGB?

Answer 3

现有交流活动:

$("input#colorpicker").change(function() {
    console.log(this.color);
});

友情链接