CSS是前端開發中必學的技能之一，其中一項重要的技能就是能夠運用CSS實現元素的樣式。在CSS中，常常需要修改元素的顏色，并且變色的方式多種多樣。下面介紹幾種CSS變色的寫法。

/* RGB顏色值 */
color: rgb(255, 0, 0); /* 紅色 */
color: rgb(255, 255, 0); /* 黃色 */
color: rgb(0, 255, 0); /* 綠色 */
/* 十六進制顏色值 */
color: #FF0000; /* 紅色 */
color: #FFFF00; /* 黃色 */
color: #00FF00; /* 綠色 */
/* HSL顏色值 */
color: hsl(0, 100%, 50%); /* 紅色 */
color: hsl(60, 100%, 50%); /* 黃色 */
color: hsl(120, 100%, 50%); /* 綠色 */
/* CSS預定義顏色值 */
color: red; /* 紅色 */
color: yellow; /* 黃色 */
color: green; /* 綠色 */

以上這些方式是常用的CSS變色方式，它們都能夠輕松實現元素的顏色樣式，讓網頁顯得更加美觀和生動。在實踐中，可以根據不同的需求靈活運用這些變色方式，以達到最佳的視覺效果。