纯js实现颜色16进制到rgb格式

随声附和 提交于 2019-12-25 22:53:11
 
  // 利用parseInt 和 slice  toString将16进制颜色转成rgb格式
        // 思路:将16进制的颜色从下标1开始,利用slice方法,每隔两位取出
var div1 = document.querySelector("div");

        var color = "#ab0000";

        var str="rgb("

        var r = parseInt(color.slice(1,3),16).toString();   //ff  slice不包括end
        
        var g = parseInt(color.slice(3,5),16).toString();   //00

        var b = parseInt(color.slice(5,7),16).toString();   //ff

        str += r+","+g+","+b+")";

        console.log(str);  //rgb(171,0,0)

        div1.style.width = 1+"rem";
        div1.style.height = 1+"rem";
        div1.style.backgroundColor = str;
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!