jquery css颜色值返回RGB？ [英] jquery css color value returns 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）; //返回rgb（65，136，251）
  

如何获取HEX代码？ p>

*** edit：在这里找到答案：

背景颜色十六进制到JavaScript变量

对我来说可耻，可以搜索更好一点

解决方案

一些调整功能

  $。fn.getHexBackgroundColor = function（）{
 var rgb = $（this）.css（'background-color'）; 
 if（！rgb）{
 return'#FFFFFF'; //默认颜色
} 
 var hex_rgb = rgb.match（/ ^ rgb \（（\d +），\s *（\d +），\s *（\d + ）\）$ /）; 
函数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以十六进制格式返回background-color，然后它将兼容，你可以改进它检查格式是否为十六进制
} 
} 
  

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..

解决方案

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
    }
}

这篇关于jquery css颜色值返回RGB？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！