首頁 > web前端 > js教程 > 主體

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

Mary-Kate Olsen
發布: 2024-10-31 02:38:31
原創
598 人瀏覽過

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中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板