RGB zu hexadezimaler Farbkonvertierung in JavaScript

Beginner

This tutorial is from open-source community. Access the source code

Einführung

In diesem Lab werden wir den Prozess der Umwandlung von RGB-Werten in hexadezimale Farbcodes in JavaScript untersuchen. Wir werden den bitweisen Linksverschiebungsoperator und Number.prototype.toString() verwenden, um die angegebenen RGB-Parameter mithilfe von String.prototype.padStart() in einen 6-stelligen hexadezimalen Wert umzuwandeln. Dieses Lab wird Ihnen helfen, den Umwandlungsprozess zu verstehen und Ihnen praktische Erfahrungen bei der Implementierung des Algorithmus in JavaScript vermitteln.

RGB zu Hex-Converter

Um RGB-Werte in einen hexadezimalen Farbcode umzuwandeln:

  1. Öffnen Sie das Terminal/SSH und geben Sie node ein, um mit der Codeausübung zu beginnen.
  2. Verwenden Sie die folgende Funktion:
const RGBToHex = (r, g, b) =>
  ((r << 16) + (g << 8) + b).toString(16).padStart(6, "0");
  1. Rufen Sie die Funktion mit den RGB-Werten als Argumenten auf, um einen 6-stelligen hexadezimalen Wert zu erhalten.

Beispiel:

RGBToHex(255, 165, 1); // 'ffa501'

Zusammenfassung

Herzlichen Glückwunsch! Sie haben das RGB zu Hex-Lab abgeschlossen. Sie können in LabEx weitere Labs absolvieren, um Ihre Fähigkeiten zu verbessern.