css rgb转16进制,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"
或者用這個functionfunction?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?
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?<
總結
以上是生活随笔為你收集整理的css rgb转16进制,jquery获取元素颜色css('color')的值返回RGB。如何转十六进制的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: metro样式开机启动菜单_如何在Win
- 下一篇: Spring Boot项目实例——简易版