首页 > web前端 > js教程 > 正文

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

Mary-Kate Olsen
发布: 2024-10-31 02:38:31
原创
597 人浏览过

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
作者最新文章
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板