CSS改變顏色是頁面設計中最基本的交互方式之一。通過改變頁面中的顏色，可以顯著提高用戶的體驗感和參與感。

要改變顏色，需要使用CSS樣式表中的屬性。常用的顏色屬性有color，background-color和border-color。其中，color用于改變文本的顏色，background-color用于改變背景顏色，border-color用于改變邊框顏色。

/* 改變文本顏色 */
p {
color: red;
}
/* 改變背景顏色 */
body {
background-color: #f0f0f0;
}
/* 改變邊框顏色 */
.box {
border: 1px solid blue;
border-color: green;
}

需要注意的是，可以使用顏色名稱、十六進制值或RGB值來指定顏色。另外，在不同的瀏覽器中，同一個顏色名稱或十六進制值可能會呈現出不同的顏色。因此，最好使用RGB值來確保顏色在不同瀏覽器中的一致性。

在交互設計中，顏色的運用也需要注意，要保證顏色的合理性、協調性和漸變性。過于鮮艷或過于深沉的顏色可能會給用戶帶來壓抑感或疲勞感。而顏色的組合也需要注意，可以使用配色工具輔助設計，確保顏色的搭配合理、協調。