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 相关文章推荐
JavaScript 快捷键设置实现代码
Mar 13 Javascript
IE和Firefox的Javascript兼容性总结[推荐收藏]
Oct 19 Javascript
javascript插入样式实现代码
Feb 22 Javascript
一个关于javascript匿名函数的问题分析
Mar 30 Javascript
js如何判断不同系统的浏览器类型
Oct 28 Javascript
使用JavaScript判断手机浏览器是横屏还是竖屏问题
Aug 02 Javascript
js事件冒泡、事件捕获和阻止默认事件详解
Aug 04 Javascript
js显示动态时间的方法详解
Aug 20 Javascript
基于vue.js实现图片轮播效果
Dec 01 Javascript
深入理解javascript中的 “this”
Jan 17 Javascript
在vscode里使用.vue代码模板的方法
Apr 28 Javascript
vue-cli3项目配置eslint代码规范的完整步骤
Sep 10 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
环境会对咖啡种植有什么影响
2021/03/03 咖啡文化
谈谈新手如何学习PHP 默默经典版本
2009/08/04 PHP
浅析php插件 Simple HTML DOM 用DOM方式处理HTML
2013/07/01 PHP
php Calender(日历)代码分享
2014/01/03 PHP
CentOS 上搭建 PHP7 开发测试环境
2017/02/26 PHP
[原创]IE view-source 无法查看看源码 JavaScript看网页源码
2009/07/19 Javascript
使用jQuery避免鼠标双击的解决方案
2013/08/21 Javascript
javascript结合CSS实现苹果开关按钮特效
2015/04/07 Javascript
Javascript中判断对象是否为空
2015/06/10 Javascript
JavaScript中setUTCMilliseconds()方法的使用详解
2015/06/12 Javascript
基于jquery实现省市区三级联动效果
2015/12/25 Javascript
jquery checkbox的相关操作总结
2016/10/17 Javascript
基于jQuery实现滚动切换效果
2016/12/02 Javascript
关于JavaScript中的this指向问题总结篇
2017/07/23 Javascript
JS中关于正则的巧妙操作
2017/08/31 Javascript
js实现图片粘贴上传到服务器并展示的实例
2017/11/08 Javascript
Angular数据绑定机制原理
2018/04/17 Javascript
原生js实现公告滚动效果
2021/01/10 Javascript
浅谈redux, koa, express 中间件实现对比解析
2019/05/23 Javascript
JS中call()和apply()的功能及用法实例分析
2019/06/28 Javascript
基于element-ui对话框el-dialog初始化的校验问题解决
2020/09/11 Javascript
Python下载懒人图库JavaScript特效
2015/05/28 Python
Python贪吃蛇游戏编写代码
2020/10/26 Python
Python模糊查询本地文件夹去除文件后缀的实例(7行代码)
2017/11/09 Python
分享一个简单的python读写文件脚本
2017/11/25 Python
python操作excel的包(openpyxl、xlsxwriter)
2018/06/11 Python
python 利用pandas将arff文件转csv文件的方法
2019/02/12 Python
Python实现Linux监控的方法
2019/05/16 Python
Python调用C语言的实现
2019/07/26 Python
python爬虫beautifulsoup解析html方法
2020/12/07 Python
SmartBuyGlasses中国:唯视良品(销售名牌太阳镜、墨镜和眼镜框)
2017/07/03 全球购物
美国在线印刷公司:PsPrint
2017/10/12 全球购物
网络通讯中,端口有什么含义,端口的取值范围
2012/11/23 面试题
2014年班主任自我评价范文
2014/04/23 职场文书
高中班长竞选稿
2015/11/20 职场文书
MySQL时区造成时差问题
2022/04/13 MySQL