html颜色的16进制rgb数码,JavaScript实现16进制颜色值转RGB的方法

本文实例讲述了JavaScript实现16进制颜色值转RGB的方法。分享给大家供大家参考。具体实现方法如下：

16进制颜色值转RGB

*{margin:0;padding:0;font-family:'Microsoft yahei'}

.replace{width:400px;height:210px;margin:0 auto;padding-top:40px;}

.title{text-align:center;display:block}

form{width:200px;margin:30px auto;}

input{outline:none;}

input[type="button"]{cursor:pointer;}

function hexToR(h) {

return parseInt((cutHex(h)).substring(0, 2), 16)

}

function hexToG(h) {

return parseInt((cutHex(h)).substring(2, 4), 16)

}

function hexToB(h) {

return parseInt((cutHex(h)).substring(4, 6), 16)

}

function cutHex(h) {

return h.charAt(0) == "#" ? h.substring(1, 7) : h

}

function setBgColorById(id, sColor) {

var elems;

if (document.getElementById) {

if (elems = document.getElementById(id)) {

if (elems.style) elems.style.backgroundColor = sColor;

}

}

}

JavaScript原生16进制颜色值转RGB值

R:

G:

B:

运行效果如下图所示：

希望本文所述对大家的javascript程序设计有所帮助。