方便的颜色转换工具界面(原创)

Html

Css


    RGB颜色值转换成十六进制颜色码：
    
        
            
                
                    
                    
                    
                    
                
                
                
            
        
    
    

    十六进制颜色码转换成RGB颜色值：
    
        
            
                
                    
                    
                
                
                
            
        
    
    

    操作历史：

.showDiv {
	width:80%;
	margin:0 auto;
	height:500px;
}
.showBox {
	float:left;
	width:48%;
	margin:0px 1%;
	height:500px;
	box-sizing:border-box;
	border:1px solid #F0F0F0;
}

function showRGB() {
 hexcode = "#";
 for (x = 0; x < 3; x++) {;
 var n = document.getElementsByName("r1e")[x].value;
 if (n == "") n = "0";
 if (parseInt(n) != n) return alert("请输入数字！");
 if (n > 255) return alert("数字在0-255之间！");
 var c = "0123456789ABCDEF",
 b = "",
 a = n % 16;
 b = c.substr(a, 1);
 a = (n - a) / 16;
 hexcode += c.substr(a, 1) + b
 }
 document.getElementById("color1").bgColor = a_mo2.innerHTML = hexcode
 document.getElementById("showBoxL").innerHTML += "" + hexcode +
 "          ";
}

function showRGB2() {;
 var a = document.getElementsByName("rgb2")[0].value;
 var c = a;
 if (a.substr(0, 1) == "#") a = a.substring(1);
 if (a.length != 6) return alert("请输入正确的十六进制颜色码！")
 document.getElementById("color2").bgColor = "#" + a;
 a = a.toLowerCase();
 b = new Array();
 for (x = 0; x < 3; x++) {
 b[0] = a.substr(x * 2, 2)
 b[3] = "0123456789abcdef";
 b[1] = b[0].substr(0, 1)
 b[2] = b[0].substr(1, 1)
 b[20 + x] = b[3].indexOf(b[1]) * 16 + b[3].indexOf(b[2])
 }
 var returnTxt = "rgb(" + b[20] + "," + b[21] + "," + b[22] + ")";
 a_mo3.innerHTML = returnTxt;
 document.getElementById("showBoxR").innerHTML += "" + c + "->" + returnTxt +
 "          ";
}

function getkey(e, n) {
    var keynum;
    if (window.event) keynum = e.keyCode;
    else if (e.which) keynum = e.which;
    if (keynum == 13) {
        if (n == 0) showRGB();
        else showRGB2();
    }
}

↑上面代码改变，会自动显示代码结果 jQuery调用版本：1.11.3

立即下载

方便的颜色转换工具界面(原创)

代码描述：方便对颜色码RBK转十六进制、十六进制转颜色码，并附带操作记录

点击转化，就再也不用一个个找十六进制对应的颜色，rgb对应的颜色，两者还能相互转换，并带上记录，满足你对比后挑颜色的需求。

0

最新

发表评论全部评论

暂时没有评论！

登录后才可以评论

30秒后在评论吧!

PROMULGATOR

[梆 .］

相关代码

方便的颜色转换工具界面(原创)

最新