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 png图片(有含有透明)在IE6中为什么不透明了
Feb 07 Javascript
JS简单实现元素复制示例附图
Nov 19 Javascript
JavaScript函数获取事件源的小例子
May 14 Javascript
js实现精确到毫秒的倒计时效果
Aug 05 Javascript
基于JS实现9种不同的面包屑和分布式多步骤导航效果
Feb 21 Javascript
基于JQuery的购物车添加删除以及结算功能示例
Mar 08 Javascript
jquery拼接ajax 的json和字符串拼接的方法
Mar 11 Javascript
AngularJS路由删除#符号解决的办法
Sep 28 Javascript
在knockoutjs 上自己实现的flux(实例讲解)
Dec 18 Javascript
实例讲解v-if和v-show的区别
Jan 31 Javascript
vue 源码解析之虚拟Dom-render
Aug 26 Javascript
angula中使用iframe点击后不执行变更检测的问题
May 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
基于文本的搜索
2006/10/09 PHP
PHP初学者最感迷茫的问题小结
2010/03/27 PHP
PHP的加密方式及原理
2012/06/14 PHP
php一个解析字符串排列数组的方法
2015/05/12 PHP
PHP单例模式简单用法示例
2017/06/23 PHP
PHP之多条件混合筛选功能的实现方法
2019/10/09 PHP
9个javascript语法高亮插件 推荐
2009/07/18 Javascript
javascript下利用arguments实现string.format函数
2010/08/24 Javascript
javascript温习的一些笔记 基础常用知识小结
2011/06/22 Javascript
jQuery在IE下使用未闭合的xml代码创建元素时的Bug介绍
2012/01/10 Javascript
js特殊字符过滤的示例代码
2014/03/05 Javascript
js获取浏览器基本信息大全
2014/11/27 Javascript
学习使用grunt来打包JavaScript和CSS程序的教程
2016/01/04 Javascript
JavaScript通过代码调用Flash显示的方法
2016/02/02 Javascript
JS中对Cookie的操作详解
2016/08/05 Javascript
学习JavaScript图片预加载模块
2016/11/07 Javascript
Vue form 表单提交+ajax异步请求+分页效果
2017/04/22 Javascript
vue2实现可复用的轮播图carousel组件详解
2017/11/27 Javascript
微信小程序实现横向增长表格的方法
2018/07/24 Javascript
在vue中使用express-mock搭建mock服务的方法
2018/11/07 Javascript
redux.js详解及基本使用
2019/05/24 Javascript
浅谈js数组splice删除某个元素爬坑
2020/10/14 Javascript
在Python中使用CasperJS获取JS渲染生成的HTML内容的教程
2015/04/09 Python
Python中unittest模块做UT(单元测试)使用实例
2015/06/12 Python
详解Python对JSON中的特殊类型进行Encoder
2019/07/15 Python
完美解决pycharm导入自己写的py文件爆红问题
2020/02/12 Python
Django form表单与请求的生命周期步骤详解
2020/06/07 Python
关于tf.matmul() 和tf.multiply() 的区别说明
2020/06/18 Python
基于python实现操作git过程代码解析
2020/07/27 Python
python单例模式的应用场景实例讲解
2021/02/24 Python
计算机开发个人求职信范文
2013/09/26 职场文书
学前教育毕业生自荐信
2013/10/29 职场文书
高三学习决心书
2014/03/11 职场文书
搞笑征婚广告词
2014/03/17 职场文书
新员工试用期自我鉴定
2014/04/17 职场文书
导游词之无锡梅园
2019/11/28 职场文书