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 相关文章推荐
Ajax一统天下之Dojo整合篇
Mar 24 Javascript
页面js遇到乱码问题的解决方法是和无法转码的情况
Apr 30 Javascript
jQuery学习笔记之基础中的基础
Jan 19 Javascript
js+css实现有立体感的按钮式文字竖排菜单效果
Sep 01 Javascript
AngularJS中比较两个数组是否相同
Aug 24 Javascript
js实现3D图片环展示效果
Mar 09 Javascript
详解vue前后台数据交互vue-resource文档
Jul 19 Javascript
分享Bootstrap简单表格、表单、登录页面
Aug 04 Javascript
JS遍历DOM文档树的方法实例详解
Apr 03 Javascript
electron-vue利用webpack打包实现多页面的入口文件问题
May 12 Javascript
JS数组方法join()用法实例分析
Jan 18 Javascript
Vue中添加滚动事件设置的方法详解
Sep 14 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
dedecms中常见问题修改方法总结
2007/03/21 PHP
PHP5常用函数列表(分享)
2013/06/07 PHP
php5.3 不支持 session_register() 此函数已启用的解决方法
2013/11/12 PHP
php生成随机字符串可指定纯数字、纯字母或者混合的
2014/04/18 PHP
PHP利用APC模块实现大文件上传进度条的方法
2015/10/29 PHP
php+jQuery ajax实现的实时刷新显示数据功能示例
2019/09/12 PHP
jquery获得下拉框值的代码
2011/08/13 Javascript
Ajax同步与异步传输的示例代码
2013/11/21 Javascript
javascript实现在线客服效果
2015/07/15 Javascript
JavaScript实现横向滑出的多级菜单效果
2015/10/09 Javascript
JavaScript电子时钟倒计时第二款
2016/01/10 Javascript
JavaScript实现九九乘法表的简单实例
2016/06/07 Javascript
Angular2 (RC4) 路由与导航详解
2016/09/21 Javascript
Sequelize中用group by进行分组聚合查询
2016/12/12 Javascript
AngularJs篇:使用AngularJs打造一个简易权限系统的实现代码
2016/12/26 Javascript
利用Javascript实现简单的转盘抽奖
2017/02/13 Javascript
360提示[高危]使用存在漏洞的JQuery版本的解决方法
2017/10/27 jQuery
深入理解vuex2.0 之 modules
2017/11/20 Javascript
详解Bootstrap 学习(一)入门
2019/04/12 Javascript
微信小程序 导入图标实现过程详解
2019/10/11 Javascript
[55:48]VGJ.S vs TNC Supermajor 败者组 BO3 第二场 6.6
2018/06/07 DOTA
[01:16:12]完美世界DOTA2联赛PWL S2 FTD vs Inki 第一场 11.21
2020/11/23 DOTA
python中lambda函数 list comprehension 和 zip函数使用指南
2014/09/28 Python
Python文件和目录操作详解
2015/02/08 Python
Python内置函数reversed()用法分析
2018/03/20 Python
对python numpy数组中冒号的使用方法详解
2018/04/17 Python
Python和Java的语法对比分析语法简洁上python的确完美胜出
2019/05/10 Python
Python如何使用函数做字典的值
2019/11/30 Python
pytorch中使用cuda扩展的实现示例
2020/02/12 Python
Python 如何在字符串中插入变量
2020/08/01 Python
python 第三方库paramiko的常用方式
2021/02/20 Python
4s店机修工岗位职责
2013/12/20 职场文书
招商专员岗位职责
2014/02/08 职场文书
优秀的2014年两会精神解读
2014/03/17 职场文书
政风行风评议工作总结
2014/10/21 职场文书
Centos环境下Postgresql 安装配置及环境变量配置技巧
2021/05/18 PostgreSQL