Wie man RGB in JavaScript in Hex umwandelt

Fotobearbeitungsprogramme repräsentieren hauptsächlich Farben im RGB -Modell (Rotgrünblau), von 0 bis 255. Falls Sie eine bestimmte Farbe als Hintergrund eines HTML -Elements verwenden möchten, müssen die hexadezimale Darstellung des ausgewählten RGB -Werts erhalten. Viele Online -RGB -to -Hex -Farbkonverter können diese Funktionalität mit JavaScript ausführen.

In diesem Blog wird die Methode zur Konvertierung von RGB in HEX in JavaScript demonstriert.

Wie man RGB in JavaScript in Hex umwandelt?

In JavaScript können Sie das verwenden “tostring ()Methode zum Konvertieren von RGB in Hex. Die Methode toString () nimmt die Basis “16”Als Parameter zum Konvertieren des angegebenen RGB -Werts in hexadezimal.

Gehen Sie das folgende Beispiel für ein besseres Verständnis des obigen Konzepts durch.

Beispiel: Verwenden der Methode „toString ()“ zum Umwandeln von RGB in HEX in JavaScript

Erstens werden wir eine Funktion namens definieren “Valuetohex ()"Und passieren"C”Als Argument dafür. Konvertieren Sie es dann mit dem “tostring ()"Methode und Pass"16”Als die erforderliche Basis der Zeichenfolge. Diese Funktion gibt den konvertierten RGB auf den in “gespeicherten HEX -Wert zurückverhexen”Variable:

Funktion Valuetohex (c)
var hex = c.tostring (16);
hex zurückkehren

Als nächstes werden wir eine definieren “rgBtohex ()"Funktionsaufnahme"R","G","BWerte als Argumente. Wenn Sie jeden Wert konvertieren, rufen Sie die “auf" auf "Valuetohex ()" Methode:

Funktion rgBtohex (r, g, b)
return (Valuetohex (r) + Valuetohex (g) + Valuetohex (b));

Schließlich nennen Sie die "rgBtohex ()Funktion und platzieren Sie die RGB -Werte, um die gewünschten konvertierten hexadezimalen Werte zu erhalten:

Konsole.log ("Die konvertierten hexadezimalen Werte sind:")
Konsole.log (rgBtohex (12, 51, 255));

In unserem Fall sind wir bestanden “12","51", Und "255"Als RGB, der in" konvertiert wird "C33ffHex -Wert:

Wir haben die einfachste Methode zum Konvertieren bereitgestellt “RGB" Zu "VERHEXEN”In JavaScript.

Abschluss

Um RGB in JavaScript in Hex umzuwandeln, können Sie das verwendentostring ()Methode in einer benutzerdefinierten RGB-to-HEX-Konvertierungsfunktion. Diese Funktion nimmt jeden RGB -Wert eins nach dem anderen an und ruft die Methode toString () auf, um sie in Hex zu konvertieren, indem die Basis als „angibt“16”. Danach gibt es den konvertierten RGB zum Hex -Wert zurück. Dieser Blog hat Sie über das Verfahren geführt, um RGB in JavaScript in Hex umzuwandeln.