極客書

HTML - Colors

顏色對於給你的網站一個好的外觀和感覺是非常重要的。您可以使用<body>標記在頁面級別指定顏色，也可以使用bgcolor屬性爲單個標記設置顏色。

<body>標記具有以下屬性，可用於設置不同的顏色−

  • bgcolor−設置頁面背景的顏色。

  • 文本設置正文文本的顏色。

  • alink−爲活動連結或選定連結設置顏色。

  • 連結設置連結文本的顏色。

  • vlink−爲訪問的連結設置顏色，即爲您已單擊的連結文本設置顏色。

HTML Color Coding Methods

有三種不同的方法可以設置網頁的顏色−

  • 顏色名稱−您可以直接指定顏色名稱，如綠色、藍色或紅色。

  • 十六進位代碼−表示構成顏色的紅色、綠色和藍色的六位數代碼。

  • 顏色十進位或百分比值−此值是使用rgb（）屬性指定的。

現在我們將逐一看到這些著色方案。

HTML Colors - Color Names

可以指定直接顏色名稱來設置文本或背景顏色。W3C列出了16個基本顏色名稱，這些名稱將通過HTML驗證器進行驗證，但主要瀏覽器支持200多個不同的顏色名稱。

注意−檢查html顏色名稱的完整列表

W3C Standard 16 Colors

以下是W3C標準16種顏色名稱的列表，建議您使用它們。

Black Gray Silver White
Yellow Lime Aqua Fuchsia
Red Green Blue Purple
Maroon Olive Navy Teal

Example

下面是按顏色名稱設置HTML標記背景的示例−

Live Demo 
<!DOCTYPE html>
<html>

   <head>
      <title>HTML Colors by Name</title>
   </head>
	
   <body text = "blue" bgcolor = "green">
      <p>Use different color names for for body and table and see the result.</p>
      
      <table bgcolor = "black">
         <tr>
            <td>
               <font color = "white">This text will appear white on black background.</font>
            </td>
         </tr>
      </table>
   </body>
   
</html>

HTML Colors - Hex Codes

十六進位是一種顏色的6位表示法。前兩位數字（RR）表示紅色值，後兩位是綠色值（GG），最後一位是藍色值（BB）。

十六進位值可以從任何圖形軟體（如Adobe Photoshop、Paintshop Pro或MS Paint）中獲取。

每個十六進位代碼前面都有一個磅或哈希符號#。下面是使用十六進位表示法的幾種顏色的列表。

Color Color HEX
  #000000
  #FF0000
  #00FF00
  #0000FF
  #FFFF00
  #00FFFF
  #FF00FF
  #C0C0C0
  #FFFFFF

Example

下面是通過十六進位顏色代碼設置HTML標記背景的示例;

Live Demo 
<!DOCTYPE html>
<html>

   <head>
      <title>HTML Colors by Hex</title>
   </head>
	
   <body text = "#0000FF" bgcolor = "#00FF00">
      <p>Use different color hexa for for body and table and see the result.</p>
      
      <table bgcolor = "#000000">
         <tr>
            <td>
               <font color = "#FFFFFF">This text will appear white on black background.</font>
            </td>
         </tr>
      </table>
   </body>
   
</html>

HTML Colors - RGB Values

此顏色值是使用rgb（）屬性指定的。此屬性接受三個值，分別爲紅色、綠色和藍色。該值可以是0到255之間的整數或百分比。

注意−所有瀏覽器都不支持顏色的rgb（）屬性，因此建議不要使用它。

下面是使用RGB值顯示少數顏色的列表。

Color Color RGB
  rgb(0,0,0)
  rgb(255,0,0)
  rgb(0,255,0)
  rgb(0,0,255)
  rgb(255,255,0)
  rgb(0,255,255)
  rgb(255,0,255)
  rgb(192,192,192)
  rgb(255,255,255)

Example

下面是使用rgb（）值通過顏色代碼設置HTML標記背景的示例−

Live Demo 
<!DOCTYPE html>
<html>

   <head>
      <title>HTML Colors by RGB code</title>
   </head>
	
   <body text = "rgb(0,0,255)" bgcolor = "rgb(0,255,0)">
      <p>Use different color code for for body and table and see the result.</p>
      
      <table bgcolor = "rgb(0,0,0)">
         <tr>
            <td>
               <font color = "rgb(255,255,255)">This text will appear white on black background.</font>
            </td>
         </tr>
      </table>
   </body>
   
</html>

Browser Safe Colors

這是216種顏色的列表，它們被認爲是最安全和獨立於計算機的顏色。這些顏色非常從十六進位代碼000000到FFFFFF，它們將被所有具有256調色板的計算機支持。