CSS自動變色是一種非常實用的技術，能夠幫助我們實現Web頁面中一些復雜的顏色變化效果。下面是一段基于CSS的自動變色代碼：

.highlight {
animation: change-color 3s infinite;
}
@keyframes change-color {
0% {
background-color: #ff0000;
}
25% {
background-color: #00ff00;
}
50% {
background-color: #0000ff;
}
75% {
background-color: #ffff00;
}
100% {
background-color: #ff00ff;
}
}

上面的代碼使用了CSS3的動畫特性，對一個類名為“highlight”的元素執行顏色變化效果。具體來說，在關鍵幀（keyframes）中，定義了從0%到100%五個狀態，分別對應著五種不同的背景顏色。

在使用上述代碼時，我們只需要將需要自動變色的元素的類名設置為“highlight”，然后代碼會自動執行換色動畫，讓頁面變得更加生動有趣。