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 相关文章推荐
编写兼容IE和FireFox的脚本
May 18 Javascript
文本框获得焦点和失去焦点的判断代码
Mar 18 Javascript
javascript实现日历控件(年月日关闭按钮)
Dec 12 Javascript
javascript实现节点(div)名称编辑
Dec 17 Javascript
jQuery中:button选择器用法实例
Jan 04 Javascript
JavaScript  cookie 跨域访问之广告推广
Apr 20 Javascript
jQuery绑定事件on()与弹窗的简要概述
Apr 27 Javascript
jQuery插件EasyUI获取当前Tab中iframe窗体对象的方法
Aug 05 Javascript
js智能获取浏览器版本UA信息的方法
Aug 08 Javascript
JavaScript实现的拼图算法分析
Feb 13 Javascript
小程序websocket心跳库(websocket-heartbeat-miniprogram)
Feb 23 Javascript
多个Vue项目部署到服务器的步骤记录
Oct 22 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正则过滤html标签、空格、换行符的代码(附说明)
2010/10/25 PHP
Cookie跨域问题解决方案代码示例
2020/11/24 PHP
js对象关系图 方便dom操作
2012/03/18 Javascript
Web开发必知Javascript技巧大全
2016/02/23 Javascript
jQuery增加、删除及修改select option的方法
2016/08/19 Javascript
前端框架Vue.js构建大型应用浅析
2016/09/12 Javascript
vue地区选择组件教程详解
2018/05/04 Javascript
JS实现根据数组对象的某一属性排序操作示例
2019/01/14 Javascript
微信小程序自定义导航栏实例代码
2019/04/05 Javascript
详解微信小程序用定时器实现倒计时效果
2019/04/30 Javascript
Vue 使用计时器实现跑马灯效果的实例代码
2019/07/11 Javascript
VUE UPLOAD 通过ACTION返回上传结果操作
2020/09/07 Javascript
[43:24]2018DOTA2亚洲邀请赛3月29日 小组赛A组 LGD VS Liquid
2018/03/30 DOTA
[01:00:52]2018DOTA2亚洲邀请赛 4.4 淘汰赛 EG vs LGD 第一场
2018/04/05 DOTA
简介Django中内置的一些中间件
2015/07/24 Python
Python爬虫抓取手机APP的传输数据
2016/01/22 Python
PyCharm代码格式调整方法
2018/05/23 Python
浅析Python 3 字符串中的 STR 和 Bytes 有什么区别
2018/10/14 Python
简单了解django orm中介模型
2019/07/30 Python
Python 闭包,函数分隔作用域,nonlocal声明非局部变量操作示例
2019/10/14 Python
python3中datetime库,time库以及pandas中的时间函数区别与详解
2020/04/16 Python
Eclipse配置python默认头过程图解
2020/04/26 Python
浅谈CSS3中的变形功能-transform功能
2017/12/27 HTML / CSS
Html5导航栏吸顶方案原理与对比实现
2020/06/10 HTML / CSS
Foot Locker加拿大官网:美国知名运动产品零售商
2019/07/21 全球购物
Java程序员综合测试题
2014/04/25 面试题
艾滋病宣传活动总结
2014/05/08 职场文书
党建工作经验交流材料
2014/05/25 职场文书
雷锋式好少年事迹材料
2014/08/17 职场文书
高中生国庆节演讲稿范文2014
2014/09/21 职场文书
逃课检讨书
2015/01/26 职场文书
自我工作评价范文
2015/03/06 职场文书
钢琴师观后感
2015/06/12 职场文书
应收账款管理制度
2015/08/06 职场文书
MySQL复制问题的三个参数分析
2021/04/07 MySQL
如何Python使用re模块实现okenizer
2022/04/30 Python