在CSS中，我們可以使用顏色來為網(wǎng)頁的元素增添色彩。但是，當(dāng)我們需要使用多種顏色來進(jìn)行漸變或者配色時，就需要用到CSS色斑。

.color-1 {
background: linear-gradient(to bottom, #FFDAB9, #00FFFF);
}
.color-2 {
background: linear-gradient(to bottom right, #9966CC, #FFDAB9);
}
.color-3 {
background: radial-gradient(circle, #B0E0E6, #008080);
}
.color-4 {
background: repeating-linear-gradient(to right, #66CDAA, #66CDAA 10px, #F0FFFF 10px, #F0FFFF 20px);
}

以上代碼展示了四個不同的CSS色斑實例。其中，.color-1使用了線性漸變，從上到下變化了淡橙色和青色。而.color-2則是從左上到右下的漸變，使用了紫色和淡橙色。

.color-3則是使用了徑向漸變和圓形，從中心向周圍漸變了明亮的天藍(lán)色和深綠色。最后，.color-4則使用了重復(fù)線性漸變，每隔10像素就變換了藍(lán)綠色和淡藍(lán)色。

當(dāng)我們需要進(jìn)行復(fù)雜的配色或者需要使用漸變時，就可以靈活地使用CSS色斑，讓網(wǎng)頁看起來更加美觀和富有創(chuàng)意。