在CSS中探索顏色

掌握CSS顏色：綜合指南

>在上一課中，我們探索了CSS選擇器。現在，讓我們通過學習如何操縱所選元素的外觀，從顏色修改開始。本指南涵蓋了定義CSS中顏色的各種方法，包括顏色名稱，十六進制代碼，RGB值和HSL格式。

如前所述，在選擇HTML元素（例如A<p>>段落）之後，您可以使用color>屬性來修改其文本顏色：>

p {
  color: red;
}

屬性會更改元素的背景：> background-color

p {
  background-color: darkorange;
}

RGB（紅色，綠色，藍色）構成計算機系統中顏色表示的基礎。 混合這三種原色會產生廣泛的色調。

每個參數（rgb()，

rgb(<red>, <green>, <blue>)

red green組合不同的強度會產生各種顏色：blue

p {
  color: rgb(255, 0, 0); /* Equivalent to color: red; */
}

p {
  color: rgb(168, 189, 45);
}

函數通過添加alpha通道擴展

rgba(<red>, <green>, <blue>, <alpha>)

p {
  color: rgba(167, 189, 45, 0.408);
}

#rrggbb

p {
  color: #ff0000; /* Equivalent to color: rgb(255, 0, 0); and color: red; */
}

p {
  color: red;
}

p {
  background-color: darkorange;
}

rgb(<red>, <green>, <blue>)