JavaScript实现把rgb颜色转换成16进制颜色的方法


Posted in Javascript onJune 01, 2015

本文实例讲述了JavaScript实现把rgb颜色转换成16进制颜色的方法。分享给大家供大家参考。具体实现方法如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>javascript RGB转16进制</title>
</head>
<body>
<script>
function toHexString(r,g,b) {
 return ("00000" + (r << 16 | g << 8 | b).toString(16)).slice(-6);
}
/*
或者:
function RGB2HEX(a,b,c){return"#"+((256+a<<8|b)<<8|c).toString(16).slice(1)}
*/
var hex = toHexString(100, 100, 100);
alert(hex);
</script>
</body>
</html>

希望本文所述对大家的javascript程序设计有所帮助。

Javascript 相关文章推荐
JavaScript 设计模式 富有表现力的Javascript(一)
May 26 Javascript
Js获取事件对象代码
Aug 05 Javascript
js隐式全局变量造成的bug示例代码
Apr 22 Javascript
JavaScript实现N皇后问题算法谜题解答
Dec 29 Javascript
javascript转换静态图片,增加粒子动画效果
May 28 Javascript
基于Jquery实现焦点图淡出淡入效果
Nov 30 Javascript
使用Javascript实现选择下拉菜单互移并排序
Feb 23 Javascript
jQuery编写网页版2048小游戏
Jan 06 Javascript
IE8中jQuery.load()加载页面不显示的原因
Nov 15 jQuery
js canvas实现写字动画效果
Nov 30 Javascript
使用 Vue 实现一个虚拟列表的方法
Aug 20 Javascript
Vue项目利用axios请求接口下载excel
Nov 17 Vue.js
JavaScript实现的简单拖拽效果
Jun 01 #Javascript
一看就懂:jsonp详解
Jun 01 #Javascript
JS数组array元素的添加和删除方法代码实例
Jun 01 #Javascript
JQuery判断checkbox是否选中及其它复选框操作方法合集
Jun 01 #Javascript
window.onload与$(document).ready()的区别分析
May 30 #Javascript
JQuery给网页更换皮肤的方法
May 30 #Javascript
jQuery实现给页面换肤的方法
May 30 #Javascript
You might like
PHP中Date获取时间不正确怎么办
2008/06/05 PHP
php将数据库中所有内容生成静态html文档的代码
2010/04/12 PHP
PHP求最大子序列和的算法实现
2011/06/24 PHP
个人写的PHP验证码生成类分享
2014/08/21 PHP
Symfony控制层深入详解
2016/03/17 PHP
PHPStrom 新建FTP项目以及在线操作教程
2016/10/16 PHP
PHP框架Laravel中使用UUID实现数据分表操作示例
2018/05/30 PHP
PHP 实现手机端APP支付宝支付功能
2018/06/07 PHP
PHP实现限制域名访问的实现代码(本地验证)
2020/09/13 PHP
JS对象转换为Jquery对象示例
2014/01/26 Javascript
浅谈JavaScript function函数种类
2014/12/29 Javascript
详细谈谈javascript的对象
2016/07/31 Javascript
浅谈javascript:两种注释,声明变量,定义函数
2016/10/05 Javascript
Bootstrap Modal对话框如何在关闭时触发事件
2016/12/02 Javascript
Vue2.5通过json文件读取数据的方法
2018/02/27 Javascript
JS实现的简单下拉框联动功能示例
2018/05/11 Javascript
npm全局模块卸载及默认安装目录修改方法
2018/05/15 Javascript
Element-ui DatePicker显示周数的方法示例
2019/07/19 Javascript
python生成随机验证码(中文验证码)示例
2014/04/03 Python
python清除指定目录内所有文件中script的方法
2015/06/30 Python
Python 中的with关键字使用详解
2016/09/11 Python
windows10系统中安装python3.x+scrapy教程
2016/11/08 Python
Python爬虫动态ip代理防止被封的方法
2019/07/07 Python
python傅里叶变换FFT绘制频谱图
2019/07/19 Python
Python实现朴素贝叶斯的学习与分类过程解析
2019/08/24 Python
Python搭建代理IP池实现接口设置与整体调度
2019/10/27 Python
Python实现在Windows平台修改文件属性
2020/03/05 Python
python 爬虫网页登陆的简单实现
2020/11/30 Python
戛纳奢侈品商店:Jacques Loup法国
2019/11/04 全球购物
在数据文件自动增长时,自动增长是否会阻塞对文件的更新
2014/05/01 面试题
一帮一活动总结
2014/05/08 职场文书
银行优秀员工事迹材料
2014/05/29 职场文书
英语课外活动总结
2014/08/27 职场文书
2014高三学生考试作弊检讨书
2014/12/14 职场文书
2016公司年会通知范文
2015/04/25 职场文书
导游词之上饶龟峰
2019/10/25 职场文书