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

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

时间: 2024-11-02 23:22:25

纯js实现颜色16进制到rgb格式的相关文章

颜色 16进制对照表

颜色 16进制对照表 红色和粉红色,以及它们的16进制代码. #990033 #CC6699 #FF6699 #FF3366 #993366 #CC0066 #CC0033 #FF0066 #FF0033 ..#CC3399.. #FF3399 #FF9999 #FF99CC #FF0099 #CC3366 #FF66CC #FF33CC #FFCCFF #FF99FF #FF00CC 紫红色,以及它们的16进制代码. #FF66FF #CC33CC #CC00FF #FF33FF #CC99F

JS-011-颜色进制转换(RGB转16进制;16进制转RGB)

在网页开发的时候,经常需要进行颜色设置,因而经常需要遇到进行颜色进制转换的问题,例如:RGB转16进制:16进制转RGB),前几天在测试的时候,发现网站的颜色进制转换某类16进制颜色(例如:#000080,#FA08FA)转换时总是提示颜色非法,看了一下 js 源码,发现其进制转换的方法是错误的.找了一下度娘和谷大爷,最终写了一个颜色转换的小方法,源码如下所示: String.prototype.colorHex2Rgb = function(){ var reg = /^#([0-9a-fA-

颜色 16进制对照表(转)

原文:http://www.blogjava.net/zks518/archive/2011/08/12/356409.html 颜色代码表:以下样色显示您可能觉得不够精确,这和电脑显示器有直接关系.您可查看颜色代码,绝对正确,绝无重复. 红色和粉红色,以及它们的16进制代码. #990033 #CC6699 #FF6699 #FF3366 #993366 #CC0066 #CC0033 #FF0066 #FF0033 ..#CC3399.. #FF3399 #FF9999 #FF99CC #F

js字符串与16进制互相转换

<script type="text/javascript"> function JavaDe() { var monyer = new Array(); var s = document.getElementById('code').value.split("\\"); for (i = 1; i < s.length; i++) { s[i] = s[i].replace('x', ''); monyer += String.fromCharC

js 字符串和16进制的互相转换

字符串转16进制 function strToHexCharCode(str) { if(str === "") return ""; var hexCharCode = []; hexCharCode.push("0x"); for(var i = 0; i < str.length; i++) { hexCharCode.push((str.charCodeAt(i)).toString(16)); } return hexCharCo

UIColor 分类 16进制转 RGB

.h #import <UIKit/UIKit.h> @interface UIColor (WJ) + (UIColor *)colorWithWJString:(NSString *)color; //从十六进制字符串获取颜色, //color:支持@“#123456”. @“0X123456”. @“123456”三种格式 + (UIColor *)colorWithWJString:(NSString *)color alpha:(CGFloat)alpha; @end .m #imp

ColorUtil【Color工具类(color整型、rgb数组、16进制互相转换)】

版权声明:本文为博主原创文章,未经博主允许不得转载. 前言 主要用于color整型.rgb数组.16进制互相转换(-12590395 <--> #3FE2C5 <--> [63,226,197]) 效果图 暂不需要 代码分析 color的int类型值转16进制类型值包括两种方案: 方案一:思路:计算&16777215的值,然后通过字符串获取16进制数值. /**Color的Int整型转Color的16进制颜色值[方案一] * colorInt - -12590395 * r

js中如何把RGB颜色转换为16进制颜色

将RGB颜色值转换为16进制颜色值,主要是将 R.G.B 值分别转换为对应的十六进制值,填入 #RRGGBB 中. 推荐在线颜色转换工具:http://www.ecjson.com/rgbhex/ 例子: 输入:rgb(176,114,98) 输出:#B07262 代码如下: function colorRGBtoHex(color) { var rgb = color.split(','); var r = parseInt(rgb[0].split('(')[1]); var g = par

前端笔试题:拍扁多维数组、提取URL中的参数变成对象、实现string的trim()函数、判断Email地址、16进制颜色转rgb格式

(1)拍扁数组 这是一个著名互联网公司今天的前端笔试题:多维数组维数不定,如[2,4,1,[2,3,4,[1,2],5,3],3,8]拍扁为[2,4,1,2,3,4,1,2,5,3,3,8].维数不定,应该要用递归: 答案: function flatten(arr){ var arrLength=arr.length; for(var i=0;i<arrLength;i++){ if(arr[i].constructor==Array){ arr.splice(i,1,flatten(arr[