编程 Javascript

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程序设计有所帮助。

- Author -

秋风秋雨

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

jquery ready函数源代码研究

Dec 06 Javascript

jQuery入门问答整理的几个常见的初学者问题

Feb 22 Javascript

asp.net 30分钟掌握无刷新 Repeater

Sep 16 Javascript

js菜单点击显示或隐藏效果的简单实例

Jan 13 Javascript

jQuery+css3实现文字跟随鼠标的上下抖动

Jul 31 Javascript

JavaScript 定时器 SetTimeout之定时刷新窗口和关闭窗口(代码超简单)

Feb 26 Javascript

JS实现列表的响应式排版(推荐)

Sep 01 Javascript

JS中将多个逗号替换为一个逗号的实现代码

Jun 23 Javascript

微信小程序实现发红包功能

Jul 11 Javascript

jQuery操作选中select下拉框的值代码实例

Feb 07 jQuery

jQuery实现的分页插件完整示例

May 26 jQuery

三种方式清除vue路由跳转router-link的历史记录

Apr 10 Vue.js

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