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) |
評論0