Wie konvertiert man Farbnamen in JavaScript ohne integrierte Funktionen in Hex-Codes?

So konvertieren Sie Farbnamen in Hex-Codes in Javascript

Die Farbkonvertierung kann eine mühsame Aufgabe sein, insbesondere wenn Sie jeden manuell codieren müssen mögliche Kombination. Glücklicherweise gibt es Möglichkeiten, diesen Prozess zu vereinfachen und Zeit zu sparen.

Eingebaute Funktion

Trotz seiner umfangreichen Funktionalität bietet Javascript von Haus aus keine integrierte Funktion. in-Funktion, die Farbnamen direkt in ihre hexadezimalen Darstellungen umwandeln kann.

Benutzerdefinierte Implementierung

Um diese Einschränkung zu beheben, können Sie Ihre eigene benutzerdefinierte Funktion mithilfe einer externen Liste von erstellen Farbnamen und ihre entsprechenden Hex-Codes. Hier ist ein Codeausschnitt, der zeigt, wie das geht:

<code class="javascript">function colourNameToHex(colour) {
    var colours = {
        "aliceblue": "#f0f8ff",
        "antiquewhite": "#faebd7",
        // Additional color names and hex codes go here
    };

    if (typeof colours[colour.toLowerCase()] != 'undefined') {
        return colours[colour.toLowerCase()];
    }

    return false;
}</code>

Verwendung

Um die colourNameToHex-Funktion zu verwenden, übergeben Sie einfach den Farbnamen als Argument und es wird geschehen gibt seinen Hexadezimalcode zurück. Zum Beispiel:

<code class="javascript">console.log(colourNameToHex('red')); // Outputs: #ff0000
console.log(colourNameToHex('chartreuse')); // Outputs: #7fff00</code>

Benutzerdefinierte Liste

Das bereitgestellte Beispiel enthält einige Farbnamen zu Demonstrationszwecken. Sie können diese Liste erweitern, um alle Farbnamen abzudecken, die Sie benötigen, indem Sie auf eine umfassende Liste von Farben und deren Hex-Codes verweisen, wie sie beispielsweise hier zu finden sind: https://www.w3schools.com/colors/colors_names.asp

Das obige ist der detaillierte Inhalt vonWie konvertiert man Farbnamen in JavaScript ohne integrierte Funktionen in Hex-Codes?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!