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

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

組み込み関数

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

Custom実装

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

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

Usage

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

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

Custom List

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