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 相关文章推荐
JQuery扩展插件Validate 1 基本使用方法并打包下载
Sep 05 Javascript
javascript 动态创建表格
Jan 08 Javascript
JQuery用户名校验的具体实现
Mar 18 Javascript
javascript表单处理具体实现代码(表单、链接、按钮)
May 07 Javascript
详解JavaScript 中getElementsByName在IE中的注意事项
Feb 21 Javascript
Vue 过渡实现轮播图效果
Mar 27 Javascript
AngularJS实现的省市二级联动功能示例【可对选项实现增删】
Oct 26 Javascript
spirngmvc js传递复杂json参数到controller的实例
Mar 29 Javascript
angular4中引入echarts的方法示例
Jan 29 Javascript
jquery ui 实现 tab标签功能示例【测试可用】
Jul 25 jQuery
基于javascript实现日历功能原理及代码实例
May 07 Javascript
微信小程序开发(三):返回上一级页面并刷新操作示例【页面栈】
Jun 01 Javascript
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中配置文件操作 如config.php文件的读取修改等操作
2012/07/07 PHP
php操作xml并将其插入数据库的实现方法
2016/09/08 PHP
PHP+iframe图片上传实现即时刷新效果
2016/11/18 PHP
PHP封装请求类实例分析【基于Yii框架】
2019/10/17 PHP
win10下 php安装seaslog扩展的详细步骤
2020/12/04 PHP
JavaScript传递变量: 值传递?引用传递?
2011/02/22 Javascript
jquery实现树形二级菜单实例代码
2013/11/20 Javascript
刷新页面的几种方法小结(JS,ASP.NET)
2014/01/07 Javascript
判断iframe里的页面是否加载完成
2014/06/06 Javascript
jQuery 移动端artEditor富文本编辑器
2016/01/11 Javascript
HTML5游戏引擎LTweenLite实现的超帅动画效果(附demo源码下载)
2016/01/26 Javascript
在React框架中实现一些AngularJS中ng指令的例子
2016/03/06 Javascript
BootstrapTable与KnockoutJS相结合实现增删改查功能【一】
2016/05/10 Javascript
AngularJS实现单独作用域内的数据操作
2016/09/05 Javascript
微信小程序实现下拉刷新动画
2019/06/21 Javascript
原生js实现日历效果
2020/03/02 Javascript
Vue中通过vue-router实现命名视图的问题
2020/04/23 Javascript
Python中Collection的使用小技巧
2014/08/18 Python
python使用chardet判断字符串编码的方法
2015/03/13 Python
用Python给文本创立向量空间模型的教程
2015/04/23 Python
Python输出各行命令详解
2018/02/01 Python
Python字符串的修改方法实例
2019/12/19 Python
pycharm不能运行.py文件的解决方法
2020/02/12 Python
python离线安装外部依赖包的实现
2020/02/13 Python
Python描述符descriptor使用原理解析
2020/03/21 Python
python实现梯度下降法
2020/03/24 Python
如何基于python3和Vue实现AES数据加密
2020/03/27 Python
CSS3实现红包抖动效果
2020/12/23 HTML / CSS
HTML5之SVG 2D入门8—文档结构及相关元素总结
2013/01/30 HTML / CSS
美国职棒大联盟的官方手套、球和头盔:Rawlings
2020/02/15 全球购物
一套带答案的C++笔试题
2014/01/10 面试题
请用Java实现列出某个目录下的所有文件
2013/09/23 面试题
机械工程师求职自我评价
2013/09/23 职场文书
客服实习的个人自我鉴定
2013/10/20 职场文书
2014新课程改革心得体会
2014/03/10 职场文书
白鹤梁导游词
2015/02/06 职场文书