CSS3分割線是一個很有用的工具，它可以使網站頁面看起來更加美觀。在CSS3中，我們可以設置分割線的顏色，讓它與網站頁面的主題顏色相匹配。下面我們來了解一下如何設置CSS3分割線的顏色。

hr {
border: none;
height: 1px;
background-color: #999999;
}

如上所示的代碼可以設置分割線的顏色為#999999，這是一種灰色。你可以使用你喜歡的任何顏色，只需要改變background-color的值即可。

另外，你也可以通過漸變來設置分割線的顏色。以下是一份示例代碼：

hr {
border: none;
height: 1px;
background-image: linear-gradient(to right, #ff0000, #ffff00, #00ff00, #00ffff, #0000ff, #ff00ff);
}

如上所示，我們使用了一個漸變，包含了紅色、黃色、綠色、青色、藍色和紫色，這些顏色是通過linear-gradient()函數來設置的。

在CSS3中，我們還可以使用radial-gradient()函數來創建一個不同的顏色陰影，如下所示：

hr {
border: none;
height: 1px;
background-image: radial-gradient(circle at center, #ff0000, #ffff00, #00ff00, #00ffff, #0000ff, #ff00ff);
}

以上是設置CSS3分割線顏色的一些方法。希望這些方法能對你有所幫助。