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

时间：2019-12-26 00:12:02 阅读：119 评论：0 收藏：0 [点我收藏+]

// 利用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;

原文地址：https://www.cnblogs.com/wanghao1994/p/12099477.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

周排行