組み込み関数を使用せずにJavaScriptで色の名前を16進コードに変換する方法は?

JavaScript で色名を 16 進コードに変換する方法

色の変換は、特にすべての色を手動でコーディングする必要がある場合、面倒な作業になる可能性があります。可能な組み合わせ。幸いなことに、このプロセスを簡略化して時間を節約する方法があります。

組み込み関数

JavaScript は、その広範な機能にもかかわらず、ネイティブに組み込み関数を提供していません。色名を 16 進表現に直接変換できる in 関数。

カスタム実装

この制限に対処するには、次の外部リストを使用して独自のカスタム関数を作成できます。色の名前とそれに対応する 16 進コード。これを行う方法を示すコード スニペットを次に示します。

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

使用法

colourNameToHex 関数を使用するには、引数として色の名前を渡すだけで、 16 進コードを返します。例:

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

カスタム リスト

提供された例には、デモンストレーションの目的でいくつかの色の名前が含まれています。ここにあるような色とその 16 進数コードの包括的なリストを参照することで、このリストを拡張して必要な色名をすべてカバーできます: https://www.w3schools.com/colors/colors_names.asp

以上が組み込み関数を使用せずにJavaScriptで色の名前を16進コードに変換する方法は?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。