Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

jquery css color value returns RGB?

Tags:

jquery

css

hex

rgb

In my CSS file:

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

I tried with:

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

How can I get the HEX code?

*** edit: found the answer here:
Background-color hex to JavaScript variable

Shame on me, could have search a bit better before posting..

like image 246
FFish Avatar asked Jun 15 '10 20:06

FFish


1 Answers

Some adjustes to function

$.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
    }
}
like image 99
Pedro Muniz Avatar answered Sep 21 '22 18:09

Pedro Muniz