如何获得 RGB 值的十六进制颜色值？

给定 RGB 颜色值，任务是使用 JavaScript 获取该颜色的十六进制代码。

方法一：

• 调用 convert() 用户定义函数并使用 RGB 值作为参数。
• 使用 match() 方法选择红色、绿色和蓝色的值。 RGB的值以数组的形式存储。
• hexCode()函数调用将 RGB 的值转换为 hexCode。
• slice() 方法获取字符串的一部分并在新字符串中返回提取的部分。 toString() 方法将数字转换为字符串。

示例 1：本示例获取白色的 RGB 值，即 rgb(255,255,255)，并使用 JavaScript 将其转换为 HexCode。

  

    
        How to get hex color value
        of RGB color value
    

  

      
     
        GeeksforGeeks 
    
      
    
    
      
    
        click here
    
      
    
    
      
    
        var up = document.getElementById('GFG_UP');
        var down = document.getElementById('GFG_DOWN');
        up.innerHTML = 'Click on button to hex code of the color';
  
        function convert(rgb) {
            rgb = rgb.match(/^rgb\((\d+),\s*(\d+),\s*(\d+)\)$/);
  
            function hexCode(i) {
                return ("0" + parseInt(i).toString(16)).slice(-2);
            }
            return "#" + hexCode(rgb[1]) + hexCode(rgb[2]) 
                    + hexCode(rgb[3]);
        }
  
        function GFG_Fun() {
            down.innerHTML = "Hex Code of 'white' = "
                + convert('rgb(255,255,255)');
        }
    

  
                    

输出：

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

示例 2：此方法首先检查是否提供了十六进制值而不是 RGB 值。因为有些浏览器会返回十六进制值而不是 RGB 值。此示例获取绿色的 RGB 值，即 RGB(0,128,0)，并通过创建函数将其转换为 HexCode。

  

    
        How to get hex color value
        of RGB color value
    

  

      
     
        GeeksforGeeks 
    
      
    
    
      
    
        click here
    
      
    
    
      
    
        var up = document.getElementById('GFG_UP');
        var down = document.getElementById('GFG_DOWN');
        up.innerHTML = 'Click on button to hex code of the color';
  
        function convert(rgb) {
            if (/^#[0-9A-F]{6}$/i.test(rgb)) return rgb;
  
            rgb = rgb.match(/^rgb\((\d+),\s*(\d+),\s*(\d+)\)$/);
  
            function hexCode(i) {
                return ("0" + parseInt(i).toString(16)).slice(-2);
            }
            return "#" + hexCode(rgb[1]) + hexCode(rgb[2])
                    + hexCode(rgb[3]);
        }
  
        function GFG_Fun() {
            down.innerHTML = "Hex Code of 'Green' = "
                    + convert('rgb(0,128,0)');
        }
    

  
                    

输出：

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