CSS 濾鏡產生器

如何使用CSS 濾鏡產生器

CSS 濾鏡產生器. 調整濾鏡並比較即時預覽與產生的 CSS。

1. 調整上方的色彩、文字或數值。
2. 調整設定並比較預覽。
3. 複製結果或下載到裝置。

CSS 濾鏡產生器 · 範例

{
  "brightness": 100,
  "contrast": 100,
  "saturate": 100,
  "hue": 0,
  "grayscale": 0,
  "sepia": 0,
  "invert": 0,
  "blur": 0
}

filter: brightness(100%) contrast(100%) saturate(100%) hue-rotate(0deg) grayscale(0%) sepia(0%) invert(0%) blur(0px);

使用說明

檔案與輸入在此瀏覽器內處理，不需上傳或註冊帳號。