十六進位制和RGB顏色格式的相互轉換

admin發表於2017-03-28

由於在很多程式碼中使用的顏色值不統一，所以造成閱讀或者其他方面動困擾。如果有高手厲害到能夠通過肉眼的觀察就能夠完成十六進位制和RGB轉換，那麼無話可說，但是絕大多數人都達不到這個水平，所以還是使用工具比較好一些，下面就分享一個能夠實現此功能的外掛，程式碼如下:

[HTML] 純文字檢視 複製程式碼
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.softwhy.com/" />
<title>螞蟻部落</title>
<script type="text/javascript" src="mytest/js/color_exchange.js"></script>
<script type="text/javascript">
var sRgb = "RGB(23, 245, 56)";
var sHex = "#34538b";
var sHexColor=sRgb.colorHex();
var sRgbColor=sHex.colorRgb();
window.onload=function(){
  var lis=document.getElementsByTagName("li");
  lis[0].innerHTML=sHexColor;
  lis[1].innerHTML=sRgbColor;
}
</script>
</head>
<body>
<ul>
  <li></li>
  <li></li>
</ul>
</body>
</html>

上面的程式碼實現了轉換效果，直接套用就可以了，感興趣的朋友可以分析一下程式碼。

程式碼下載:十六進位制和RGB顏色格式的相互轉換color_exchange.rar

相關文章