在 HTML 文档中应用颜色的不同方法

彩色网站或应用程序比黑白网站更具吸引力。在本文中，我们将介绍在 HTML 文档中应用颜色的所有不同方法。与其他 HTML 标记一样，没有特殊标记可以在 HTML 文档中应用颜色。但是，使用style属性，您可以使特定元素变得丰富多彩和吸引人。我们还将讨论颜色编码方法，这些方法将帮助您使用不同的方法应用相同的颜色。

style属性中有两个主要属性来设置文本的颜色和块的背景。

• 颜色：用于设置正文的颜色。
• 背景颜色：用于设置网页、特定块或元素的背景颜色。

示例一：我们可以使用text属性来设置文本的颜色和 bg-color设置背景颜色。

HTML

  

    

  

    
 
        hello! Welcome to GFG 
    
      
    
 
        hello! Welcome to GFG 
    
      
    

        hello! Welcome to GFG 
    

        hello! Welcome to GFG 

  

输出：

此外，要为链接文本设置颜色，样式属性有 3 个不同的属性。

• alink ：用于设置活动链接的颜色。
• vlink ：用于设置访问链接的颜色。
• link ：用于设置链接文本的颜色。

HTML 中的不同颜色编码方法： HTML 语言中主要有三种不同的颜色编码方法。十六进制和 RGB 表示法是最流行的方法。但是，一些开发人员也在使用颜色名称表示法和 HSL 表示法。

HTML 颜色：

示例 2：我们使用颜色名称来设置文本、链接或背景的颜色。在互联网上，您会发现 200 多种颜色及其名称。我们有一份 W3C 标准 16 种颜色的列表。

HTML

  

    
 Welcome to GFG 
    
        
            
            
            
            
        
  
        
            
            
            
            
        
  
        
            
            
            
            
        
          
        
            
            
            
            
        
    

                
 Black 
  
            

                
 Yellow 
  
            

                
 Red 
  
            

                
 Blue
  
            

                
 Maroon 
  
            

                
 Gray 
  
            

                
 Lime 
  
            

                
 Green 
  
            

                
 Olive 
  
            

                
 Silver 
  
            

                
 Aqua 
  
            

                
 Navy 
  
            

                
 White 
  
            

                
 Teal 
  
            

                
 Purple 
  
            

                
 Fuchsia 
  
            

  

输出：

HTML 颜色 十六进制表示法：我们将编写十六进制代码来设置特定颜色，而不是编写颜色名称。每种颜色都有一个唯一的十六进制代码。十六进制代码是一个由 6 个字符组成的字符串，后跟 # 符号。它包括从 0 到 9 和 A 到 Z 的值。

 hello Geeks 

HTML 颜色 RGB 表示法： RGB 代表红色、绿色和蓝色。对于三种颜色中的每一种，它需要三个介于 0 到 255 之间的整数值。通过更改三个输入的值，您可以生成所需的新颜色。

 Hello Geeks 

HTML 颜色 HSL 表示法： HTML 开发人员很少使用 HSL 表示法。 HSL 被称为色相、饱和度和亮度。对于色调，我们必须在 0 到 360 之间设置度数。对于饱和度和亮度，我们必须在 0% 到 100% 之间设置百分比值。

 Hello Geeks 

应用颜色的不同方法：在 HTML 文档中设置颜色的最可取的方法是使用样式表。如果需要，我们可以使用内联 CSS 或内部 CSS。我们将一一看到每种方法。

内联 CSS：顾名思义，我们必须添加一个 风格 任何 HTML 标记内的属性。在style属性中，我们可以添加颜色属性及其值。

 Welcome to GFG 

内部 CSS：我们必须在 HTML 文件中添加颜色属性，而不是在 HTML 标记中。

HTML 代码：以下代码具有内部 CSS 代码。

HTML

  

    

  

      
 hello Geeks 
  

  

外部 CSS：这个方法和内部 CSS 方法一样，但是我们必须在外部文件中添加 CSS。

HTML 代码：

HTML

  

    

  

      
 hello Geeks 
  

  

color.css：在上面的 HTML 代码中使用了以下代码。

p {
    color : Green;
  }

结论：用户可以使用不同的颜色编码方法创建一个丰富多彩的应用程序。我们建议使用颜色名称和十六进制表示法，因为某些浏览器不支持 RGB 和 HSL 表示法。要选择十六进制代码或 RGB 值，您可以使用在 Internet 上找到的颜色选择器。