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 相关文章推荐
JS获得URL超链接的参数值实例代码
Jun 21 Javascript
JavaScript实现在页面间传值的方法
Apr 07 Javascript
Jquery 效果使用详解
Nov 23 Javascript
基于angularJS的表单验证指令介绍
Oct 21 Javascript
easyui取消表单实时验证,提交时统一验证的简单实例
Nov 07 Javascript
基于JavaScript实现轮播图原理及示例
Apr 10 Javascript
在Vue组件化中利用axios处理ajax请求的使用方法
Aug 25 Javascript
Vue SSR 组件加载问题
May 02 Javascript
JS获取指定月份的天数两种实现方法
Jun 22 Javascript
Vue与Node.js通过socket.io通信的示例代码
Jul 25 Javascript
vue 解决form表单提交但不跳转页面的问题
Oct 30 Javascript
JS常用正则表达式超全集(密码强度校验,金额校验,IE版本,IPv4,IPv6校验)
Feb 03 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 类商品秒杀计时实现代码
2010/05/05 PHP
一道关于php变量引用的面试题
2010/08/08 PHP
Laravel 5框架学习之数据库迁移(Migrations)
2015/04/08 PHP
ThinkPHP中Widget扩展的两种写法及调用方法详解
2017/05/04 PHP
javascript 日历提醒系统( 兼容所有浏览器 )
2009/04/07 Javascript
JS 控制CSS样式表
2009/08/20 Javascript
Jquery+CSS3实现一款简洁大气带滑动效果的弹出层
2013/05/15 Javascript
jQuery实现的多屏图像图层切换效果实例
2015/05/07 Javascript
理解javascript异步编程
2016/01/27 Javascript
微信小程序 LOL 英雄介绍开发实例
2016/09/30 Javascript
node.js版本管理工具n无效的原理和解决方法
2016/11/24 Javascript
jquery.tableSort.js表格排序插件使用方法详解
2020/08/12 Javascript
nodejs结合Socket.IO实现的即时通讯功能详解
2018/01/12 NodeJs
详解nodejs 配置文件处理方案
2019/01/02 NodeJs
Angular实现svg和png图片下载实现
2019/05/05 Javascript
VUE table表格动态添加一列数据,新增的这些数据不可以编辑(v-model绑定的数据不能实时更新)
2020/04/03 Javascript
python黑魔法之参数传递
2016/02/12 Python
遍历python字典几种方法总结(推荐)
2016/09/11 Python
详解python3中tkinter知识点
2018/06/21 Python
对Python3+gdal 读取tiff格式数据的实例讲解
2018/12/04 Python
代码详解django中数据库设置
2019/01/28 Python
用uWSGI和Nginx部署Flask项目的方法示例
2019/05/05 Python
python实现DEM数据的阴影生成的方法
2019/07/23 Python
Django CSRF认证的几种解决方案
2020/03/03 Python
Python修改列表值问题解决方案
2020/03/06 Python
详解CSS3中使用gradient实现渐变效果的方法
2015/08/18 HTML / CSS
倡议书格式范文
2014/04/14 职场文书
学习雷锋活动总结
2014/04/29 职场文书
社会稳定风险评估方案
2014/06/02 职场文书
我的梦想演讲稿500字
2014/08/21 职场文书
教师批评与自我批评心得体会
2014/10/16 职场文书
公务员政审材料
2014/12/23 职场文书
学生检讨书
2015/01/27 职场文书
会计试用期自我评价
2015/03/10 职场文书
MySQL索引知识的一些小妙招总结
2021/05/10 MySQL
windows11怎么查看wifi密码? win11查看wifi密码的技巧
2021/11/21 数码科技