js实现rpg转16进制

<!DOCTYPE html>
<html>

<head>
    <title></title>
</head>

<body>
    <label>R:</label>
    <input type="" name=""></input>
    <label>B:</label>
    <input type="" name=""></input>
    <label>G:</label>
    <input type="" name=""></input>
    <button id="beginChange">开始转换</button>
    <script type="text/javascript">
    var arr = document.getElementsByTagName("input");
    var beginChange1 = document.getElementById("beginChange");

    function beginChange() {
        var str = "(";
        for (var i = 0; i < arr.length; i++) {

            if (i == arr.length - 1) {
                str += arr[i].value + ")";
            } else {
                str += arr[i].value + ",";
            }
        }
        alert(colorRGB2Hex(str));
    };

    beginChange1.addEventListener("click", beginChange);

    function colorRGB2Hex(color) {
        var rgb = color.split(',');
        var r = parseInt(rgb[0].split('(')[1]);
        var g = parseInt(rgb[1]);
        var b = parseInt(rgb[2].split(')')[0]);
        var hex = "#" + ((1 << 24) + (r << 16) + (g << 8) + b).toString(16).slice(1);
        return hex;
    }
    
    </script>
</body>

</html>

阅读更多
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/zhouyuanyuancnds/article/details/79757714
文章标签: rbg转16进制
个人分类: javascript
想对作者说点什么? 我来说一句

没有更多推荐了,返回首页

加入CSDN,享受更精准的内容推荐,与500万程序员共同成长!
关闭
关闭