css代碼如下:
a, a:link, a:visited { color:#4188FB; }a:active, a:focus, a:hover { color:#FFCC00; }
js代碼如下:
var link_col = $("a:link").css("color"); alert(link_col);
返回的值:
rgb(65, 136, 251)
jquey設置顏色,使用的應該是rgb格式的。用以下這個function,把rgb轉成“#xxxx”(HEX )格式。
var rgbString = "rgb(0, 70, 255)"; // get this in whatever way.var parts = rgbString.match(/^rgb\((\d+),\s*(\d+),\s*(\d+)\)$/);// parts now should be ["rgb(0, 70, 255", "0", "70", "255"]delete (parts[0]);for (var i = 1; i <= 3; ++i) { parts[i] = parseInt(parts[i]).toString(16); if (parts[i].length == 1) parts[i] = '0' + parts[i]; }var hexString = parts.join(''); // "0070ff"
或者用這個function
function rgb2hex(rgb) { 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]); }
可以摘取其中重點語句舉一反三
轉一個js rgb顏色轉16進制格式的代碼
今天半個蘋果同學要處理getComputedStyle的顏色值,IE下返回的是#FF000這樣了 現代瀏覽器返回的是rgb(255,0,0) 需要做下轉換,我正寫着代碼 他又發我一個url 就是下面這個,是我見過最好的轉換代碼了 特此記錄
原文:http://fayaa.com/code/view/200/
function zero_fill_hex(num, digits) { var s = num.toString(16); while (s.length < digits) s = "0" + s; return s; }function rgb2hex(rgb) { if (rgb.charAt(0) == '#') return rgb; var ds = rgb.split(/\D+/); var decimal = Number(ds[1]) * 65536 + Number(ds[2]) * 256 + Number(ds[3]); return "#" + zero_fill_hex(decimal, 6); }
補充 位運算版本:
function rgbToHex(r, g, b) { return ((r << 16) | (g << 8) | b).toString(16); }