如何在網頁中使用CSS顏色來添加視覺效果？

CSS Colors

在CSS中，顏色是一個非常重要的屬性，它可以為網頁添加視覺效果，使其更加吸引人。CSS提供了多種不同的方法來定義顏色，包括使用預定義的顏色名稱、十六進制值、RGB值等。

預定義的顏色名稱

CSS提供了一組預定義的顏色名稱，可以直接使用這些名稱來指定顏色。例如，”red”代表紅色，”blue”代表藍色等。以下是一些常用的預定義顏色名稱：

• red – 紅色
• blue – 藍色
• green – 綠色
• yellow – 黃色
• black – 黑色
• white – 白色

十六進制值

另一種常用的指定顏色的方法是使用十六進制值。每個顏色由紅色、綠色和藍色的強度組成，每個強度的範圍是0到255。通過將每個強度的值轉換為十六進制，我們可以得到一個顏色的唯一十六進制值。例如，紅色的十六進制值是#FF0000，藍色的十六進制值是#0000FF。

RGB值

除了十六進制值，還可以使用RGB值來指定顏色。RGB代表紅色、綠色和藍色的強度，每個強度的範圍是0到255。通過指定每個強度的值，我們可以得到一個顏色的唯一RGB值。例如，紅色的RGB值是rgb(255, 0, 0)，藍色的RGB值是rgb(0, 0, 255)。

透明度

在CSS中，還可以指定顏色的透明度。透明度的值範圍是0到1，其中0表示完全透明，1表示完全不透明。可以使用RGBA或HSLA來指定帶有透明度的顏色。例如，rgba(255, 0, 0, 0.5)表示半透明的紅色，hsla(240, 100%, 50%, 0.8)表示半透明的藍色。

顏色名稱列表

顏色名稱	十六進制值	RGB值
red	#FF0000	rgb(255, 0, 0)
blue	#0000FF	rgb(0, 0, 255)
green	#00FF00	rgb(0, 255, 0)
yellow	#FFFF00	rgb(255, 255, 0)
black	#000000	rgb(0, 0, 0)
white	#FFFFFF	rgb(255, 255, 255)