在網頁設計中，我們經常使用SVG圖像來展示矢量圖形。然而，有時候我們需要改變SVG圖像中的顏色以更好地適應我們的網頁主題。在這種情況下，我們可以使用CSS來修改SVG的顏色。

首先，我們需要將SVG圖像嵌入到HTML文檔中，并為其添加一個class或id屬性以便于在CSS中選擇它。

<svg class="logo" viewBox="0 0 100 100">
<path d="M50 0L100 100H0z" />
</svg>

接著，我們可以使用CSS的fill屬性來修改SVG圖像中的顏色。fill屬性用于設置圖形的填充顏色。我們可以將其設置為一個固定的顏色值，比如紅色。

.logo {
fill: red;
}

我們也可以使用CSS的變量來設置SVG圖像中的顏色。這種方法非常有彈性，因為我們可以在不同頁面和主題中重復使用同一套變量。

:root {
--primary-color: #007bff;
}
.logo {
fill: var(--primary-color);
}

當我們需要在SVG圖像中修改不同部分的顏色時，可以將不同的路徑分組，并為它們添加不同的class或id屬性。這樣，在CSS中就可以針對不同的部分設置不同的顏色。

<svg viewBox="0 0 100 100">
<path class="top" d="M50 0L100 100H0z" />
<path class="bottom" d="M50 100L0 0H100z" />
</svg>
.top {
fill: red;
}
.bottom {
fill: blue;
}

通過上述方法，我們可以輕松地使用CSS來修改SVG圖像中的顏色，使其更符合我們的設計需求。