jquery-css-Farbwert zurückgibt RGB?

In meiner CSS-Datei:

a, a:link, a:visited { color:#4188FB; }
a:active, a:focus, a:hover { color:#FFCC00; }

Habe ich versucht mit:

var link_col = $("a:link").css("color");
alert(link_col); //returns rgb(65, 136, 251)

Wie bekomme ich den HEX-code?

*** edit: gefunden, hier die Antwort:
Background-color hex-zu-JavaScript-variable

Schande über mich, hätte die Suche ein bisschen besser, bevor du postest..

stackoverflow.com/questions/1740700/...
möglich, Duplikat der Background-Farbe hex-zu-JavaScript-variable (jQuery)

InformationsquelleAutor FFish | 2010-06-15

  1. 8

    Einige adjustes Funktion

    $.fn.getHexBackgroundColor = function() {
    var rgb = $(this).css('background-color');
    if (!rgb) {
        return '#FFFFFF'; //default color
    }
    var hex_rgb = rgb.match(/^rgb\((\d+),\s*(\d+),\s*(\d+)\)$/); 
    function hex(x) {return ("0" + parseInt(x).toString(16)).slice(-2);}
    if (hex_rgb) {
        return "#" + hex(hex_rgb[1]) + hex(hex_rgb[2]) + hex(hex_rgb[3]);
    } else {
        return rgb; //ie8 returns background-color in hex format then it will make                 compatible, you can improve it checking if format is in hexadecimal
    }
}

    InformationsquelleAutor Pedro Muniz

  2. 4

    Hier gehen Sie, das wird Ihnen erlauben, Sie zu verwenden $(selector).getHexBackgroundColor() zur Rückgabe der hex-Wert ganz einfach :

    $.fn.getHexBackgroundColor = function() {
    var rgb = $(this).css('background-color');
    rgb = rgb.match(/^rgb\((\d+),\s*(\d+),\s*(\d+)\)$/);
    function hex(x) {return ("0" + parseInt(x).toString(16)).slice(-2);}
    return "#" + hex(rgb[1]) + hex(rgb[2]) + hex(rgb[3]);
}
    scheitert im ie8 finden Sie unter stackoverflow.com/a/7380712/21460

    InformationsquelleAutor The Virtual Machinist

Schreibe einen Kommentar