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 相关文章推荐
静态页面的值传递(三部曲)
Sep 25 Javascript
[原创]后缀就扩展名为js的文件是什么文件
Dec 06 Javascript
jquery创建div 实现代码
Apr 27 Javascript
jquery tools之tabs 选项卡/页签
Jul 25 Javascript
遍历DOM对象内的元素属性示例代码
Feb 08 Javascript
Jquery中CSS选择器用法分析
Feb 10 Javascript
Javascript实现的简单右键菜单类
Sep 23 Javascript
jQuery Easy UI中根据第一个下拉框选中的值设置第二个下拉框是否可以编辑
Nov 29 Javascript
Javascript中字符串和数字的操作方法整理
Jan 22 Javascript
讲解vue-router之命名路由和命名视图
May 28 Javascript
uni-app使用微信小程序云函数的步骤示例
May 22 Javascript
详解javascript void(0)
Jul 13 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中使用excel的简单介绍
2013/08/02 PHP
CI框架中$this-&gt;load-&gt;library()用法分析
2016/05/18 PHP
PHP登录验证码的实现与使用方法
2016/07/07 PHP
分享一个漂亮的php验证码类
2016/09/29 PHP
PHP基于面向对象实现的留言本功能实例
2018/04/04 PHP
JavaScript 数组的 uniq 方法
2008/01/23 Javascript
Extjs中使用extend(js继承) 的代码
2012/03/15 Javascript
firefox浏览器不支持innerText的解决方法
2013/08/07 Javascript
JavaScript中的包装对象介绍
2015/01/27 Javascript
使用jquery动态加载Js文件和Css文件
2015/10/24 Javascript
jQuery利用sort对DOM元素进行排序操作
2016/11/07 Javascript
bootstrapValidator bootstrap-select验证不可用的解决办法
2017/01/11 Javascript
d3.js入门教程之数据绑定详解
2017/04/28 Javascript
详解axios在vue中的简单配置与使用
2017/05/10 Javascript
解决AjaxFileupload 上传时会出现连接重置的问题
2017/07/07 Javascript
vue 使用自定义指令实现表单校验的方法
2018/08/28 Javascript
create-react-app使用antd按需加载的样式无效问题的解决
2019/02/26 Javascript
layui 富文本赋值,取值,取纯文本值的实例
2019/09/18 Javascript
详解JavaScript作用域、作用域链和闭包的用法
2020/09/03 Javascript
Python时区设置方法与pytz查询时区教程
2013/11/27 Python
python实现的登录和操作开心网脚本分享
2014/07/09 Python
python利用拉链法实现字典方法示例
2017/03/25 Python
python利用urllib和urllib2访问http的GET/POST详解
2017/09/27 Python
Python + Flask 实现简单的验证码系统
2019/10/01 Python
TensorFlow tf.nn.max_pool实现池化操作方式
2020/01/04 Python
介绍一下JMS编程步骤
2015/09/22 面试题
Ajxa常见问题都有哪些
2014/03/26 面试题
教研处工作方案
2014/05/26 职场文书
人力资源管理求职信
2014/08/07 职场文书
父亲节活动策划方案
2014/08/24 职场文书
公务员群众路线专题民主生活会发言材料
2014/09/17 职场文书
社区班子个人对照检查材料思想汇报
2014/10/07 职场文书
医院党的群众路线教育实践活动学习心得体会
2014/10/30 职场文书
初中学生操行评语
2014/12/26 职场文书
车位出租协议书范本
2016/03/19 职场文书
postgresql无序uuid性能测试及对数据库的影响
2021/06/11 PostgreSQL