jq css backg,rgb - Can I force jQuery.css("backgroundColor") returns on hexadecimal format? - Stack ...

Colors are always returned as rgb (except IE6 which already returns in hex), then we cannot return in another format natively.

Like you said, you can write a function to convert hex to rgb. Here is a topic with several examples of how to write this function: How to get hex color value rather than RGB value?.

But you wonder if there is a way to directly return the jQuery already in hex: the answer is yes, this is possible using CSS Hooks since jQuery 1.4.3.

The code should be:

$.cssHooks.backgroundColor = {

get: function(elem) {

if (elem.currentStyle)

var bg = elem.currentStyle["backgroundColor"];

else if (window.getComputedStyle)

var bg = document.defaultView.getComputedStyle(elem,

null).getPropertyValue("background-color");

if (bg.search("rgb") == -1)

return bg;

else {

bg = bg.match(/^rgb\((\d+),\s*(\d+),\s*(\d+)\)$/);

function hex(x) {

return ("0" + parseInt(x).toString(16)).slice(-2);

}

return "#" + hex(bg[1]) + hex(bg[2]) + hex(bg[3]);

}

}

}

And when you call $(".highlighted").css("backgroundColor"), the return will be #f0ff05. Here is a working sample to you see it working.