JavaScript實現(xiàn)把rgb顏色轉換成16進制顏色的方法
更新時間：2015年06月01日 09:40:19 作者：秋風秋雨
這篇文章主要介紹了JavaScript實現(xiàn)把rgb顏色轉換成16進制顏色的方法,涉及javascript實現(xiàn)數(shù)制轉換的相關技巧,需要的朋友可以參考下
本文實例講述了JavaScript實現(xiàn)把rgb顏色轉換成16進制顏色的方法。分享給大家供大家參考。具體實現(xiàn)方法如下：
<!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中訪問節(jié)點對象的方法有哪些如何使用
js訪問節(jié)點對象的方法有很多，比如getElementById在本文將舉例為大家介紹下2013-09-09
這篇文章主要為大家詳細介紹了js實現(xiàn)圖片數(shù)組中圖片切換效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-07-07
這篇文章主要為大家詳細介紹了js實現(xiàn)省份下拉菜單效果的相關資料，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-02-02
《javascript設計模式》學習筆記四：Javascript面向對象程序設計鏈式調用實例分析
這篇文章主要介紹了Javascript面向對象程序設計鏈式調用,結合實例形式分析了《javascript設計模式》中鏈式調用的原理與簡單使用技巧,需要的朋友可以參考下2020-04-04
這篇文章主要介紹了javascript原型模式用法,以實例形式較為詳細的分析了javascript原型模式的原理與使用技巧,需要的朋友可以參考下2015-06-06
這篇文章主要為大家詳細介紹了js實現(xiàn)通過開始結束控制的計時器，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-02-02
這篇文章主要介紹了Javascript數(shù)組與字典用法,以實例形式較為詳細的分析了Array作為數(shù)組與字典的不同用法,具有一定的參考借鑒價值,需要的朋友可以參考下2014-12-12
這篇文章主要為大家詳細介紹了多種js圖片預加載實現(xiàn)方式，包括html標簽或css加載圖片、純js實現(xiàn)預加載，感興趣的小伙伴們可以參考一下2016-02-02
重載toString實現(xiàn)JS HashMap分析
用過Java的都知道，里面有個功能強大的數(shù)據(jù)結構——HashMap，它能提供鍵與值的對應訪問。不過熟悉JS的朋友也會說，JS里面到處都是hashmap，因為每個對象都提供了map[key]的訪問形式。2011-03-03
項目中需要前端書寫登錄頁面，用戶輸入賬號密碼，本文主要介紹了js前端登錄加密解決方案，具有一定的參考價值，感興趣的可以了解一下2024-02-02