CSS的顏色變化功能是一項非常有用的功能。通過設置CSS樣式，當網頁的某個元素被點擊時，它的顏色會發生變化。下面是一些示例代碼，可以用來實現這一功能。

button {
background-color: blue;
color: white;
padding: 10px 20px;
border-radius: 5px;
}
/* 鼠標懸停時的效果 */
button:hover {
background-color: darkblue;
}
/* 點擊時的效果 */
button:active {
background-color: red;
}

以上代碼設置了一個按鈕的樣式。當用戶將鼠標懸停在按鈕上方時，背景顏色會變成深藍色。當用戶單擊按鈕時，背景顏色會變成紅色。這種顏色變化效果可以讓網頁的用戶交互更加生動，也可以幫助用戶更清晰地知道哪些元素是當前激活狀態。

除了按鈕外，其他元素也可以通過相似的方式進行顏色變化。下面是一個示例代碼，可以用來讓某個鏈接被點擊后變成紅色：

a:link {
color: blue;
}
a:visited {
color: purple;
}
a:hover {
color: black;
}
a:active {
color: red;
}

通過使用這些CSS樣式，可以讓網頁中的元素在用戶交互時呈現出不同的顏色效果，從而讓用戶體驗更加豐富。