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的滑动样例代码
Nov 20 Javascript
关于使用 jBox 对话框的提交不能弹出问题解决方法
Nov 07 Javascript
判断文档离浏览器顶部的距离的方法
Jan 08 Javascript
javascript中动态函数用法实例分析
May 14 Javascript
总结JavaScript中布尔操作符||与&amp;&amp;的使用技巧
Nov 17 Javascript
Js经典案例的实例代码
May 10 Javascript
vue2.0移动端滑动事件vue-touch的实例代码
Nov 27 Javascript
jquery多级树形下拉菜单的实例代码
Jul 09 jQuery
layui实现左侧菜单点击右侧内容区显示
Jul 26 Javascript
Vue实现将数据库中带html标签的内容输出(原始HTML(Raw HTML))
Oct 28 Javascript
详解微信小程序工程化探索之webpack实战
Apr 20 Javascript
swiper4实现移动端导航栏tab滑动切换
Oct 16 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防止sql注入的方法详解
2017/02/20 PHP
Laravel框架实现利用中间件进行操作日志记录功能
2018/06/06 PHP
JavaScript 动态改变图片大小
2009/06/11 Javascript
Prototype Class对象学习
2009/07/19 Javascript
window.open不被拦截的实现代码
2012/08/22 Javascript
js兼容火狐获取图片宽和高的方法
2015/05/21 Javascript
JavaScript识别网页关键字并进行描红的方法
2015/11/09 Javascript
Javascript基础之数组的使用
2016/05/13 Javascript
bootstrap table复杂操作代码
2016/11/01 Javascript
解决Angular.Js与Django标签冲突的方案
2016/12/20 Javascript
jQuery NProgress.js加载进度插件的简单使用方法
2018/01/31 jQuery
JS求Number类型数组中最大元素方法
2018/04/08 Javascript
JS中验证整数和小数的正则表达式
2018/10/08 Javascript
vue如何使用rem适配
2021/02/06 Vue.js
Python内置的字符串处理函数整理
2013/01/29 Python
Python 实现数据库(SQL)更新脚本的生成方法
2017/07/09 Python
Python用户推荐系统曼哈顿算法实现完整代码
2017/12/01 Python
python使用pandas实现数据分割实例代码
2018/01/25 Python
Python面向对象之继承代码详解
2018/01/29 Python
python 读取DICOM头文件的实例
2018/05/07 Python
使用Python实现将list中的每一项的首字母大写
2019/06/11 Python
使用Django搭建web服务器的例子(最最正确的方式)
2019/08/29 Python
动态设置django的model field的默认值操作步骤
2020/03/30 Python
Keras预训练的ImageNet模型实现分类操作
2020/07/07 Python
台湾团购、宅配和优惠券:17Life
2017/08/14 全球购物
英国皇室御用百货:福南梅森(Fortnum & Mason)
2017/12/03 全球购物
Carmen Sol官网:购买果冻鞋、手袋和配件
2021/01/01 全球购物
法国亚马逊官方网站:Amazon.fr
2020/12/19 全球购物
菜篮子工程实施方案
2014/03/08 职场文书
给校长的一封检讨书
2014/09/20 职场文书
学校运动会报道稿
2014/09/23 职场文书
民事诉讼答辩状范文
2015/05/21 职场文书
走进科学观后感
2015/06/18 职场文书
2016应届毕业生实习心得体会
2015/10/09 职场文书
如何写好闭幕词
2019/04/02 职场文书
B站评分公认最好看的动漫,你的名字评分9.9,第六备受喜欢
2022/03/18 日漫