jquery獲取元素顏色css('color')的值返回RGB。如何轉十六進制

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


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章