JavaScript颜色十六进制转换成十进制代码

发布时间：2018-09-11 08:49:28 所属栏目：语言来源：站长网

导读：烈火网(LieHuo.Net)JS特效教程这是基于 Java Script的数值转换程序，这里将代表色彩数值的16进制转换成10进制，在颜色框中输入RGB值，点击转换按钮即可完成转换，站长朋友们可以稍加修改加到自己的站长工具频道。看一下效果与代码： !DOCTYPE html PUBLI

　　烈火网(LieHuo.Net)JS特效教程这是基于JavaScript的数值转换程序，这里将代表色彩数值的16进制转换成10进制，在颜色框中输入RGB值，点击“转换”按钮即可完成转换，站长朋友们可以稍加修改加到自己的站长工具频道。

　　看一下效果与代码：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>JavaScript色彩值转换</title> </head> <body> 请输入RGB：<input type="text" id="rgb" /><a href="javascript:ShowRGB()">转换</a> <div style="line-height:20px; font-size:18px;">转换结果为：<span class="msg_box" id="msg_box"></span></div> <script type="text/javascript"> function ShowRGB(){ document.getElementById("msg_box").innerHTML=toRGB(document.getElementById("rgb").value); } function toRGB(strRGB){ var sR=""; var sG=""; var sB=""; var nR=0; var nG=0; var nB=0; if(strRGB.indexOf("#")==0){ strRGBstrRGB=strRGB.substring(1); if(!isNaN(parseInt(strRGB,16))){ //16进制转换成10进制 if(strRGB.length==3){ strRGBstrRGB=strRGB.toLowerCase() sR=strRGB.substring(0,1)+strRGB.substring(0,1); sG=strRGB.substring(1,2)+strRGB.substring(1,2); sB=strRGB.substring(2)+strRGB.substring(2); }else if(strRGB.length<=6){ sR=strRGB.substring(0,2); sG=strRGB.substring(2,4); sB=strRGB.substring(4); } nR=parseInt(sR,16); nG=parseInt(sG,16); nB=parseInt(sB,16); return "rgb("+nR+","+nG+","+nB+")"; } else{ return "#"+strRGB; } }else{ return strRGB; } } </script> </body> </html> <br /><center>如不能显示效果，请按Ctrl+F5刷新本页，更多网页代码：<a href='http://www.veryhuo.com/' target='_blank'>http://www.veryhuo.com/</a></center>
提示：可修改后代码再运行!

（编辑：东莞站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!

用JS如何做鼠标移过显	flex弹性盒布局怎样实
Python 中弱引用的神奇	Go 通过 io.Writer 将