Heim > Web-Frontend > js-Tutorial > Wie konvertiert man Farbnamen in JavaScript ohne integrierte Funktionen in Hex-Codes?

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

DDD
Freigeben: 2024-10-28 04:28:01
Original
786 Leute haben es durchsucht

How to Convert Color Names to Hex Codes in JavaScript Without Built-in Functions?

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>
Nach dem Login kopieren

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>
Nach dem Login kopieren

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!

Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage