HTML顏色CSS代碼在網頁設計中起著重要的作用。通過CSS代碼，我們可以給網頁添加不同的顏色和樣式，使其更加生動和吸引人。

/* 以下是一些常用的顏色代碼 */
color: #000000; /*黑色*/
color: #ffffff; /*白色*/
color: #FF0000; /*紅色*/
color: #7CFC00; /*綠色*/
color: #FFFF00; /*黃色*/
color: #00FFFF; /*青色*/
color: #0000FF; /*藍色*/
color: #FF00FF; /*紫色*/
background-color: #FFFFFF; /*設置背景顏色為白色*/
border: 1px solid #000000; /*設置邊框為黑色*/
font-size: 20px; /*設置字體大小為20像素*/
text-decoration: underline; /*添加下劃線*/

通過CSS代碼，我們還可以自定義顏色。下面是一個例子：

/* 設置background-color為自定義顏色 */
background-color: rgb(255, 192, 203);
background-color: rgba(255, 192, 203, 0.5);
background-color: hsl(330, 100%, 75%);
background-color: hsla(330, 100%, 75%, 0.5);

上面的代碼分別設置背景顏色為粉色，半透明粉色，紅色和半透明紅色。

總之，HTML顏色CSS代碼可以讓我們的網頁更加生動和鮮明，為用戶帶來更好的視覺體驗。