如何在 Javascript 中将颜色名称转换为十六进制代码
颜色转换可能是一项繁琐的任务,特别是如果您需要手动编码每个可能的组合。幸运的是,有一些方法可以简化此过程并节省您一些时间。
内置函数
尽管 Javascript 具有广泛的功能,但它本身并不提供内置函数在可以直接将颜色名称转换为其十六进制表示形式的函数中。
自定义实现
要解决此限制,您可以使用外部列表创建自己的自定义函数颜色名称及其相应的十六进制代码。下面的代码片段演示了如何执行此操作:
<code class="javascript">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; }</code>
用法
要使用 colorNameToHex 函数,只需将颜色名称作为参数传递,它就会返回其十六进制代码。例如:
<code class="javascript">console.log(colourNameToHex('red')); // Outputs: #ff0000 console.log(colourNameToHex('chartreuse')); // Outputs: #7fff00</code>
自定义列表
提供的示例包括一些用于演示目的的颜色名称。您可以通过参考颜色及其十六进制代码的综合列表来扩展此列表以涵盖您需要的所有颜色名称,例如此处找到的列表:https://www.w3schools.com/colors/colors_names.asp
以上是如何在没有内置函数的情况下在 JavaScript 中将颜色名称转换为十六进制代码?的详细内容。更多信息请关注PHP中文网其他相关文章!