jquery css颜色值返回RGB？

在我的CSS文件中：

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

我尝试过：

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

我怎样才能获得hex代码？

***编辑：在这里找到答案：
背景颜色hex到JavaScript变量

对我感到羞耻，在发布之前可能会有更好的搜索。

Answer 1

一些调整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 } } 

Answer 2

在这里，这将允许您使用$（selector）.getHexBackgroundColor（）轻松返回hex值：

 $.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]); } 

Answer 3

这是我的看法。 简洁明了。

 (function($) { $.fn.getHexBackgroundColor = function() { return (function(rgb) { return '#' + (!rgb ? 'FFFFFF' : rgb.match(/^rgb\((\d+),\s*(\d+),\s*(\d+)\)$/) .slice(1) .map(x => ('0' + parseInt(x).toString(16)).slice(-2)) .join('') .toUpperCase()); })($(this).css('background-color')); } })(jQuery); $(function() { $('#color-rgb').text($('.foo').css('background-color')); $('#color-hex').text($('.foo').getHexBackgroundColor()); }); 

 .foo { background: #F74; width: 100px; height: 100px; } label { font-weight: bold; } label:after { content: ': '; } 

  
 RGBUNDEF
 HEXUNDEF