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

2021-05-06 11:26

阅读：687

标签：string var doc parse tor color cto 方法 select

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

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

标签：string var doc parse tor color cto 方法 select

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

文章来自：搜素材网的编程语言模块，转载请注明文章出处。
文章标题：纯js实现颜色16进制到rgb格式
文章链接：http://soscw.com/index.php/essay/83181.html

亲，登录后才可以留言！