CSS顏色列表：完整的CSS顏色名稱和HEX值

一、CSS顏色列表介紹

CSS顏色列表是在編寫網頁時使用的重要工具之一。隨著網頁設計的不斷發展，對於顏色的需求也越來越多樣化。CSS顏色列表提供了各種不同類型的顏色，滿足了不同的需求。在CSS中，顏色可以通過CSS顏色名或HEX值來定義。

在CSS顏色列表中，顏色被分為了3類：命名顏色、系統顏色、十六進位顏色。

二、命名顏色

命名顏色是在CSS中預定義的一些顏色名稱。共有147個顏色名稱，它們是具有語義的，例如紅色、綠色、黃色、藍色等。這些顏色名稱是在所有瀏覽器中都支持的，所以它們被廣泛使用。

下面是一個命名顏色列表的示例代碼：

<style>
    .red{
        color: red;
    }
    .blue{
        color: blue;
    }
    .green{
        color: green;
    }
</style>

<p class="red">這是一段紅色的文本</p>
<p class="blue">這是一段藍色的文本</p>
<p class="green">這是一段綠色的文本</p>

三、系統顏色

系統顏色是在操作系統中定義的顏色。這些顏色在不同的操作系統和設備上可能會不同，但在同一個系統內部，這些顏色是唯一的。

CSS支持16個系統顏色，它們都以Window 3.x系統的顏色名稱來命名，例如ButtonFace、ActiveCaption等。

下面是一個系統顏色的代碼示例：

<style>
    .button{
        background-color: ButtonFace;
        color: ButtonText;
    }
    .caption{
        background-color: ActiveCaption;
        color: CaptionText;
    }
</style>

<button class="button">這是一個使用系統顏色的按鈕</button>
<h2 class="caption">這是一個使用系統顏色的標題</h2>

四、十六進位顏色

十六進位顏色是由6位十六進位數字組成的顏色值，每兩位代表紅、綠、藍三原色的強度值。由於它們是數字，可以很方便地進行轉換、計算和使用。

十六進位顏色可以通過#符號和6位十六進位數字來表示。例如，#FF0000表示紅色，#00FF00表示綠色，#0000FF表示藍色。在實際使用中，可以使用在線工具或者Photoshop等軟體獲取需要的十六進位顏色值。

下面是一個十六進位顏色的代碼示例：

<style>
    .red{
        color: #FF0000;
    }
    .green{
        color: #00FF00;
    }
    .blue{
        color: #0000FF;
    }
</style>

<p class="red">這是一段紅色的文本</p>
<p class="green">這是一段綠色的文本</p>
<p class="blue">這是一段藍色的文本</p>

五、總結

CSS顏色列表是編寫網頁時必不可少的工具之一。在選擇顏色時，我們可以根據自己的需求選擇命名顏色、系統顏色或者十六進位顏色。通過這篇文章的介紹，相信大家對於CSS顏色列表有了更深入的了解和認識。