SVG（Scalable Vector Graphics）是一種基于XML的圖形格式，它可以直接在網頁上呈現精細、互動、可伸縮的圖像，而且可以用CSS對其樣式進行修改，非常方便。

在SVG中，圖形和樣式是分開的，每個圖形元素都可以有自己的屬性和樣式。如果要改變SVG圖形的顏色，可以使用CSS中的“fill”和“stroke”屬性，其中“fill”用于填充圖形的顏色，“stroke”用于描邊的顏色。

<svg width="100" height="100">
<circle cx="50" cy="50" r="40" stroke="black" stroke-width="3" fill="red" />
</svg>

如上所示，這是一個簡單的SVG圓形，其中“fill”屬性設置為紅色。如果要改變顏色，可以在CSS中定義一個類，并將“fill”屬性設為該類的顏色。例如，我們將“fill”改為黃色。

.yellow-fill {
fill: yellow;
}

然后，在SVG中添加一個類名“yellow-fill”，它會將原來的紅色變為黃色。

<svg width="100" height="100">
<circle cx="50" cy="50" r="40" stroke="black" stroke-width="3" fill="red" class="yellow-fill" />
</svg>

同樣的，我們可以用CSS將SVG中的描邊顏色也進行改變，只需要將“stroke”屬性設為相應的類名即可。

.green-stroke {
stroke: green;
}

然后，在SVG中添加一個類名“green-stroke”，描邊顏色就變為綠色了。

<svg width="100" height="100">
<circle cx="50" cy="50" r="40" stroke="black" stroke-width="3" fill="red" class="yellow-fill green-stroke" />
</svg>

通過這樣的方式，我們可以輕松地修改SVG圖形的顏色，非常方便實用。