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

颜色转换可能是一项繁琐的任务，特别是如果您需要手动编码每个可能的组合。幸运的是，有一些方法可以简化这个过程并节省一些时间。

内置函数

尽管 Javascript 具有广泛的功能，但它本身并不提供内置函数in 函数可以直接将颜色名称转换为其十六进制表示形式。

自定义实现

要解决此限制，您可以使用外部颜色名称列表及其相应的十六进制代码创建自己的自定义函数。下面的代码片段演示了如何执行此操作：

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

用法

要使用 colorNameToHex 函数，只需将颜色名称作为参数传递，它将返回其十六进制代码。例如：

console.log(colourNameToHex('red')); // Outputs: #ff0000
console.log(colourNameToHex('chartreuse')); // Outputs: #7fff00

自定义列表

提供的示例包括一些用于演示目的的颜色名称。您可以通过参考颜色及其十六进制代码的综合列表来扩展此列表以涵盖您需要的所有颜色名称，例如此处找到的列表：https://www.w3schools.com/colors/colors_names.asp