suchen

Heim  >  Artikel  >  Web-Frontend  >  JavaScript-Methode zum Konvertieren von RGB-Farben in hexadezimale Farben

JavaScript-Methode zum Konvertieren von RGB-Farben in hexadezimale Farben

不言
不言Original
2018-05-05 14:02:591802Durchsuche

Dieser Artikel stellt hauptsächlich die Methode zur Konvertierung von RGB-Farben in hexadezimale Farben mithilfe von JavaScript vor und umfasst die damit verbundenen Techniken zur Realisierung einer numerischen Konvertierung mithilfe von JavaScript. Freunde, die sie benötigen, können darauf zurückgreifen.

In diesem Artikel werden die Beispiele erläutert von JavaScript Implementieren Sie die Methode zum Konvertieren von RGB-Farben in hexadezimale Farben. Teilen Sie es als Referenz mit allen. Die spezifische Implementierungsmethode lautet wie folgt: 

<!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>

Verwandte Empfehlungen:

JavaScript implementiert die Echtzeit-Bildvorschaufunktion

JavaScript implementiert den Baidu-Suchfeldeffekt

Das obige ist der detaillierte Inhalt vonJavaScript-Methode zum Konvertieren von RGB-Farben in hexadezimale Farben. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：Analyse der assoziativen Array-Nutzung von JavaScriptNächster Artikel：Analyse der assoziativen Array-Nutzung von JavaScript

In Verbindung stehende Artikel

Mehr sehen