首页  >  文章  >  web前端  >  如何在 JavaScript 中将颜色名称转换为十六进制代码?

如何在 JavaScript 中将颜色名称转换为十六进制代码?

Mary-Kate Olsen
Mary-Kate Olsen原创
2024-10-31 02:38:31605浏览

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