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 相关文章推荐
dojo 之基础篇
Mar 24 Javascript
JS中 用户登录系统的解决办法
Apr 15 Javascript
js判断子窗体是否关闭的方法
Aug 11 Javascript
jQuery.extend 函数及用法详细
Sep 06 Javascript
js 获取元素的具体样式信息getcss(实例讲解)
Jul 05 Javascript
react-native使用react-navigation进行页面跳转导航的示例
Sep 07 Javascript
js实现京东秒杀倒计时功能
Jan 21 Javascript
微信公众号平台接口开发 获取access_token过程解析
Aug 14 Javascript
浅析Vue 防抖与节流的使用
Nov 14 Javascript
在node环境下parse Smarty模板的使用示例代码
Nov 15 Javascript
javascrpt密码强度校验函数详解
Mar 18 Javascript
详解JS WebSocket断开原因和心跳机制
May 07 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类Class的概念
2012/06/14 PHP
jquery实现微博文字输入框 输入时显示输入字数 效果实现
2013/07/12 Javascript
JS简单编号生成器实现方法(附demo源码下载)
2016/04/05 Javascript
JavaScript实现页面跳转的方式汇总
2016/05/16 Javascript
jQuery中的insertBefore(),insertAfter(),after(),before()区别介绍
2016/09/01 Javascript
详解jQuery选择器
2016/12/21 Javascript
ajax实现动态下拉框示例
2017/01/10 Javascript
jQuery弹出层插件popShow用法示例
2017/01/23 Javascript
微信小程序 参数传递实例代码
2017/03/20 Javascript
Bootstrap datepicker日期选择器插件使用详解
2017/07/26 Javascript
简单实现js上传文件功能
2017/08/21 Javascript
微信公众号平台接口开发 获取access_token过程解析
2019/08/14 Javascript
JQuery插件tablesorter表格排序实现过程解析
2020/05/28 jQuery
[01:45]亚洲邀请赛互动指南虚拟物品介绍
2015/01/30 DOTA
Pycharm学习教程(6) Pycharm作为Vim编辑器使用
2017/05/03 Python
Python升级导致yum、pip报错的解决方法
2017/09/06 Python
Python探索之创建二叉树
2017/10/25 Python
pycharm 将django中多个app放到同个文件夹apps的处理方法
2018/05/30 Python
mvc框架打造笔记之wsgi协议的优缺点以及接口实现
2018/08/01 Python
Linux下Python安装完成后使用pip命令的详细教程
2018/11/22 Python
Python3之手动创建迭代器的实例代码
2019/05/22 Python
python如何读取bin文件并下发串口
2019/07/05 Python
python命名空间(namespace)简单介绍
2019/08/10 Python
pip 安装库比较慢的解决方法(国内镜像)
2019/10/06 Python
opencv 图像加法与图像融合的实现代码
2020/07/08 Python
Python自动创建Excel并获取内容
2020/09/16 Python
Linux文件操作命令都有哪些
2015/02/27 面试题
Prototype如何实现页面局部定时刷新
2013/08/06 面试题
高中生职业生涯规划书
2014/02/24 职场文书
投标担保书范文
2014/04/02 职场文书
优秀的应届生自荐信
2014/05/23 职场文书
运动会的口号
2014/06/09 职场文书
婚礼答谢词
2015/01/04 职场文书
2016庆祝国庆67周年宣传语
2015/11/25 职场文书
JavaScript+HTML实现学生信息管理系统
2021/04/20 Javascript
Spring Boot 启动、停止、重启、状态脚本
2021/06/26 Java/Android