如何在Javascript 中將顏色名稱轉換為十六進位代碼

顏色轉換可能是一項繁瑣的任務，特別是如果您需要手動編碼每個可能的組合。幸運的是，有一些方法可以簡化這個過程並節省一些時間。

內建函數

儘管Javascript 具有廣泛的功能，但它本身並不提供內建函數in 函數可以直接將顏色名稱轉換為其十六進位表示形式。

自訂實作

要解決此限制，您可以使用外部顏色名稱清單及其對應的十六進位程式碼建立自己的自訂函數。下面的程式碼片段示範如何執行此操作：

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

用法

要使用 colorNameToHex 函數，只需將顏色名稱作為參數傳遞，它將返回其十六進位程式碼。例如：

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

自訂清單

提供的範例包括一些用於示範目的的顏色名稱。您可以透過參考顏色及其十六進位程式碼的綜合清單來擴展此清單以涵蓋您需要的所有顏色名稱，例如此處找到的清單：https://www.w3schools.com/colors/colors_names.asp