如何使用 JavaScript 将颜色名称转换为十六进制代码？

给定一个颜色名称，任务是获取颜色名称的 HexCode。在 JavaScript 的帮助下讨论最多的技术很少。

方法一：

将所有可能的颜色名称的 HexCode 存储在 JavaScript 对象中。
将给定的颜色名称与颜色对象列表进行比较，如果找到匹配，则返回颜色的相应 HexCode，如果未找到匹配，则返回 false。

示例：此示例实现了上述方法。

 
 
  
 
     
        How to Convert Color Names to
        Hexcode using JavaScript ?
    
 
  
 
      
     
        GeeksForGeeks 
    
      
    
    
      
    Type Valid Color:

输出：

在点击按钮之前：
点击按钮后：

方法二：

首先从用户那里获取有效的颜色名称。
将该颜色设置为 DIV 元素的CSS 颜色属性。
使用window.getComputedStyle(element).color 属性返回颜色的 RGB 值。
调用 convert() 用户定义函数并使用 RGB 值作为参数。
使用 match() 方法选择红色、绿色和蓝色的值。 RGB的值以数组的形式存储。
hexCode()函数调用将 RGB 的值转换为 hexCode。
slice() 方法获取字符串的一部分并在新字符串中返回提取的部分。 toString() 方法将数字转换为字符串。
请参阅将 RGB 转换为 HexValue 的链接。

示例 2：此示例使用上面讨论的方法。

 
 
  
 
     
        How to Convert Color Names to
        Hexcode using JavaScript ?
    
 
  
 
      
     
        GeeksForGeeks 
    
      
    
    
      
    Type Valid Color:

输出：

在点击按钮之前：
点击按钮后：