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脚本性能的优化方法
Feb 02 Javascript
Autocomplete Textbox Example javascript实现自动完成成功
Aug 17 Javascript
javascript json2 使用方法
Mar 16 Javascript
给jQuery方法添加回调函数一款插件的应用
Jan 21 Javascript
裁剪字符串trim()自定义改进版
Apr 10 Javascript
当前流行的JavaScript代码风格指南
Sep 10 Javascript
Prototype框架详解
Nov 25 Javascript
javascript中数组(Array)对象和字符串(String)对象的常用方法总结
Dec 15 Javascript
Canvas放置反弹效果随机图形(实例)
Aug 17 Javascript
Vue 获取数组键名的方法
Jun 21 Javascript
vue实现图片预览组件封装与使用
Jul 13 Javascript
vue 实现cli3.0中使用proxy进行代理转发
Oct 30 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+Tidy-完美的XHTML纠错+过滤
2007/04/10 PHP
一个很不错的PHP翻页类
2009/06/01 PHP
PHP 创建标签云函数代码
2010/05/26 PHP
常用的PHP数据库操作方法(MYSQL版)
2011/06/08 PHP
ThinkPHP的模版中调用session数据的方法
2014/07/01 PHP
php中数据库连接方式pdo和mysqli对比分析
2015/02/25 PHP
php接口隔离原则实例分析
2019/11/11 PHP
论坛特效代码收集(落伍转发-不错)
2006/12/02 Javascript
jQuery 绑定事件到动态创建的元素上的方法实例
2013/08/18 Javascript
可编辑下拉框的2种实现方式
2014/06/13 Javascript
jQuery Migrate 1.1.0 Released 注意事项
2014/06/14 Javascript
javascript学习笔记(三)BOM和DOM详解
2014/09/30 Javascript
jQuery选择器querySelector的使用指南
2015/01/23 Javascript
JavaScript将XML转成JSON的方法
2015/03/12 Javascript
Fullpage.js固定导航栏-实现定位导航栏
2016/03/17 Javascript
前端弹出对话框 js实现ajax交互
2016/09/09 Javascript
AngularJS表格添加序号的方法
2017/03/03 Javascript
layui实现二维码弹窗、并下载到本地的方法
2019/09/25 Javascript
node.js使用zlib模块进行数据压缩和解压操作示例
2020/02/12 Javascript
微信小程序实现限制用户转发功能的实例代码
2020/02/22 Javascript
微信小程序保存图片到相册权限设置
2020/04/09 Javascript
[02:47]2018年度DOTA2最佳辅助位选手4号位-完美盛典
2018/12/17 DOTA
在Python中编写数据库模块的教程
2015/04/29 Python
简单讲解Python中的字符串与字符串的输入输出
2016/03/13 Python
python3 遍历删除特定后缀名文件的方法
2018/04/23 Python
TensorFlow卷积神经网络之使用训练好的模型识别猫狗图片
2019/03/14 Python
详解将Pandas中的DataFrame类型转换成Numpy中array类型的三种方法
2019/07/06 Python
Python操作多维数组输出和矩阵运算示例
2019/11/28 Python
Python3开发环境搭建详细教程
2020/06/18 Python
TobyDeals美国:在电子产品上获得最好的优惠和折扣
2019/08/11 全球购物
MYSQL支持事务吗
2013/08/09 面试题
党员承诺书内容
2014/03/26 职场文书
小学生环保标语
2014/06/13 职场文书
2014国庆节标语口号
2014/09/19 职场文书
团队执行力培训心得体会
2015/08/15 职场文书
PostgreSQL数据库去除重复数据和运算符的基本查询操作
2022/04/12 PostgreSQL