So konvertieren Sie Farbnamen in Hex-Codes in Javascript

Die Farbkonvertierung kann eine mühsame Aufgabe sein, insbesondere wenn Sie alle 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.

Benutzerdefiniert Implementierung

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

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;
}

Verwendung

Um die Funktion colourNameToHex zu verwenden, übergeben Sie einfach den Farbnamen als Argument und es wird der Hexadezimalcode zurückgegeben. Zum Beispiel:

console.log(colourNameToHex('red')); // Outputs: #ff0000
console.log(colourNameToHex('chartreuse')); // Outputs: #7fff00

Benutzerdefinierte Liste

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