濾鏡是CSS中一種常用的工具，可以用來改變圖片的顏色。通過使用濾鏡，我們可以將圖片的色彩轉換為不同的顏色，或者將其調整為特定的尺寸和形狀。在這篇文章中，我們將介紹如何使用濾鏡來改變圖片的顏色，以及如何使用CSS中的濾鏡屬性來應用濾鏡。

## 了解濾鏡

濾鏡是一種可以更改圖片顏色的代碼，它可以將圖片的顏色轉換為特定的顏色，或者將其調整為特定的尺寸和形狀。濾鏡通常以png、jpg、svg等格式表示，可以通過CSS中的濾鏡屬性進行應用。

在CSS中，濾鏡屬性通常用于對圖片應用濾鏡，其具體使用方法如下：

```css

filter: red();

這將應用一個紅色的濾鏡，使圖片變成紅色。如果要應用一個特定的濾鏡，可以使用一個函數來指定濾鏡的效果。例如：

```css

filter: hue-rotate(180deg);

這將應用一個 hue-rotate 濾鏡，使圖片旋轉180度。

## 應用濾鏡

要應用濾鏡，需要將濾鏡屬性應用到圖片的CSS樣式中。可以使用以下代碼來應用一個紅色的濾鏡：

```css

filter: red();

```css

filter: hue-rotate(180deg);

這將應用一個 hue-rotate 濾鏡，使圖片旋轉180度。

## 總結

通過使用濾鏡，我們可以將圖片的色彩轉換為不同的顏色，或者將其調整為特定的尺寸和形狀。在CSS中，濾鏡屬性可以用來對圖片應用濾鏡，并使用函數來指定濾鏡的效果。本文介紹了如何使用濾鏡來改變圖片的顏色，以及如何使用CSS中的濾鏡屬性來應用濾鏡。