首頁  >  文章  >  web前端  >  如何在 JavaScript 中將顏色名稱轉換為十六進位程式碼?

如何在 JavaScript 中將顏色名稱轉換為十六進位程式碼?

Mary-Kate Olsen
Mary-Kate Olsen原創
2024-10-31 02:38:31533瀏覽

How to Convert Color Names to Hex Codes in JavaScript?

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

在Javascript 中,沒有專門設計用於將顏色名稱轉換為其顏色的內建函數十六進位表示法。但是,我們可以使用顏色名稱及其對應的十六進位代碼的完整清單來建立一個。

下面是一個Javascript 函數,它接受顏色名稱並返回其等效的十六進位代碼:

function colourNameToHex(colour) {
  var colours = {
    "aliceblue": "#f0f8ff",
    "antiquewhite": "#faebd7",
    "aqua": "#00ffff",
    "aquamarine": "#7fffd4",
    "azure": "#f0ffff",
    ... // Omitted for brevity
    "yellowgreen": "#9acd32",
  };

  if (typeof colours[colour.toLowerCase()] != 'undefined')
    return colours[colour.toLowerCase()];

  return false;
}

此函數採用顏色名稱(小寫)作為參數,並在在顏色物件中尋找它。如果顏色存在於清單中,則函數會傳回其十六進位代碼;否則傳回 false。

例如:

const hexCode = colourNameToHex('white');
console.log(hexCode); // '#ffffff'

以上是如何在 JavaScript 中將顏色名稱轉換為十六進位程式碼?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn