在 CSS 中,我們可以通過四種方式來定義或引用顏色。
第一種是直接使用顏色名稱,比如紅色是 "red",藍色是 "blue"。這種方式比較常用,因為名稱比較直觀,而且也方便記憶。
color: red; background-color: blue;
第二種是使用 RGB 值,即紅色、綠色和藍色的值分別在 0 到 255 之間的三個數字,它們分別代表顏色的強度。例如紅色是rgb(255, 0, 0)
,綠色是rgb(0, 255, 0)
。
color: rgb(255, 0, 0); background-color: rgb(0, 255, 0);
第三種是使用十六進制值,它們由一個井號 "#" 開始,后面跟著六個十六進制數字,其中前兩個表示紅色,接下來兩個是綠色,最后兩個是藍色。例如紅色是#FF0000
,綠色是#00FF00
。
color: #FF0000; background-color: #00FF00;
第四種是使用 HSL 值,即色調、飽和度和亮度的值,它們分別代表顏色的屬性。例如紅色是hsl(0, 100%, 50%)
,其中色調為 0,飽和度為 100%,亮度為 50%。
color: hsl(0, 100%, 50%); background-color: hsl(120, 100%, 50%);
無論你選擇哪種方式,只要是有效的 CSS 顏色,都可以用于文本顏色、背景色、邊框顏色等等。選擇合適的顏色方式可以使你的網站更加美觀。