JavaScript色彩16进制转换成10进制_计算转换特效

基于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" mrc="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>

所属频道：计算转换特效/更新时间：2010-05-22

[收藏][报错][返回列表]

JavaScript色彩16进制转换成10进制_计算转换特效

计算转换特效Rss订阅特效代码搜索

计算转换特效推荐

猜你也喜欢看这些