javascript RGB转换为HEX十六进制

本文参考了张鑫旭的javascript Hex十六进制与RGB颜色的相互转换http://www.zhangxinxu.com/wordpress/2010/03/javascript-hex-rgb-hsl-color-convert/

今天用取色器取颜色的时候,发现在chrome中显示如下

所以需要对取得的数据进行转换。

 1 Sys.rgbToHex = function(color) {
 2         var arr = [],
 3             strHex;
 4         if (/^(rgb|RGB)/.test (color)) {
 5             arr = color.replace(/(?:\(|\)|rgb|RGB)*/g, "").split(",");
 6             strHex = ‘#‘ + ((1 << 24) + (arr[0] << 16) + (arr[1] << 8) + parseInt(arr[2])).toString(16).substr(1);
 7         } else {
 8             strHex = color;
 9         }
10         return strHex;
11 };

在计算十六进制值的时候,使用的是左移运算符。

左移运算符表示将一个数的二进制形式向前移动,尾部补0。

时间: 2024-12-24 09:02:07

javascript RGB转换为HEX十六进制的相关文章

转货币格式和 rgb转hex

function rgb(r, g, b){ var tstring = function(v){return v <= 0? '00' : v >= 255 ? 'ff' : v.toString(16);}; var result = tstring(r) + tstring(g) + tstring(b); return result.toUpperCase(); } console.log(rgb(456,45,-7));//rgb 转换hex var numberToPrice =

RGB颜色值与十六进制颜色的转换

前端初初初级学者有可能也会遇到RGB颜色值与十六进制颜色的转换问题,分享一个在线转换网址,很是方便,http://www.sioe.cn/yingyong/yanse-rgb-16/,一键解决问题 原文地址:https://www.cnblogs.com/asasas/p/9459686.html

javascript获取随机rgb颜色和十六进制颜色的方法

<div id="console">在线交易平台的成功秘诀:从 Ebay 到 Yelp 到 Uber</div> <script type="text/javascript"> var consoleDom = document.getElementById("console"); consoleDom.style.color = randomColor1(); //获取rgb类型的颜色 IE7不支持 func

【JavaScript】js实现十六进制与浮点数的转换

来自ampedZ的博客园,原文地址:http://www.cnblogs.com/ampedZ/p/HexToSingle.html 基于IEEE 745标准的Hex与Single的转换,并加入了一定的防错处理. <!DOCTYPE html> <html><head><style type="text/css"> div#divBase{text-align:center;width:283px;} div#divTitle{clear

bin文件转换为hex文件C语言实现

对于嵌入式而言,hex文件可能大家再熟悉不过了,对,我们大学时学习的51单片机编写的代码在keil上编译后就生成了hex文件.那bin文件又是什么意思呢,它又和hex文件的区别在哪?这也不是本文的重点,下面简单的描述下: 最通俗的来讲,hex是带地址的,用下载器下载时,不需要设置偏移地址,它是文件流格式的,都是标准的ASCII码.而bin文件是不带地址的,全部是二进制数据流,打住一下,其实就是我们所谓的机器代码.有兴趣的同学,可以尝试着用反汇编,得到的就是汇编代码了.我所用的开发板S3C2440

RGB颜色值与十六进制颜色码转换工具

RGB颜色值转换成十六进制颜色码:      十六进制颜色码转换成RGB颜色值:     颜色码对照表 颜色 英文代码 形象描述 十六进制 RGB LightPink 浅粉红 #FFB6C1 255,182,193 Pink 粉红 #FFC0CB 255,192,203 Crimson 猩红 #DC143C 220,20,60 LavenderBlush 脸红的淡紫色 #FFF0F5 255,240,245 PaleVioletRed 苍白的紫罗兰红色 #DB7093 219,112,147 H

JavaScript字符串转换为变量名

1.将一个字符串转换为变量名 [javascript] view plain copy print? function string_to_name(string){ let _name = 'var new_name=' + string; eval(_name); return _name; } 2.将一个字符串转换为变量并赋值 [javascript] view plain copy print? var str='string'; var _script='var '+ string +

ACM将一个十进制的数转换为一个十六进制的数输出

Description 把十进制整数转换为十六进制,格式为0x开头,10~15由大写字母A~F表示. Input 每行一个整数x,0<= x <= 2^31. Output 每行输出对应的八位十六进制整数,包括前导0. Sample Input 0 1023 Sample Output 0x00000000 0x000003FF   解题思路:我们把一个十进制的数转换为一个八位十六进制数只需在输出用%.8X就可以了.然后我们在每一次输出一个八位十六进制数之前都输出一个0x字符串就可以了. 程序

JavaScript 随机生成 hex色值

本文用于提醒自己切忌遇事就想着转进制 rnd_hex:function(){ var hex = "#" for(var i = 0 ; i < 6 ; i++){ var uni = Math.round(Math.random()*22+48) if(uni<58 | uni>64){ var chr = String.fromCharCode(uni) hex = hex + chr }else{ i-- } return hex }