如何在沒有內建函數的情況下在 JavaScript 中將顏色名稱轉換為十六進位程式碼？

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

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

內建函數

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

自訂實作

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

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

用法

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

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

自訂清單

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

以上是如何在沒有內建函數的情況下在 JavaScript 中將顏色名稱轉換為十六進位程式碼？的詳細內容。更多資訊請關注PHP中文網其他相關文章！