CSS顏色遞增是一種常用的網頁設計方法，通過遞增顏色可以使網頁變得更加生動和充滿活力。

/* 使用CSS可以輕松實現顏色遞增*/
.background{
background-color: rgb(255, 102, 102); /*第一層顏色*/
}
.background:hover{
background-color: rgb(255, 140, 102); /*第二層顏色*/
}
.background:active{
background-color: rgb(255, 179, 102); /*第三層顏色*/
}

代碼中的RGB（紅綠藍）值可以遞增或遞減，通過調整這些值，可以實現各種顏色的過渡效果。

除了使用RGB顏色值，還可以使用十六進制顏色值來實現顏色遞增。例如：

.background{
background-color: #FF6666; /*第一層顏色*/
}
.background:hover{
background-color: #FF8C66; /*第二層顏色*/
}
.background:active{
background-color: #FFB366; /*第三層顏色*/
}

無論使用RGB或十六進制顏色值，都可以輕松實現顏色遞增，讓網頁變得更加美麗。