← すべてのテキストツール

CSSフィルタージェネレーター

自分の画像にぼかし、明るさ、コントラストなどを適用し、CSSフィルターのコードも取得します。

  • 無料
  • 登録不要
  • どの端末でも使える

約CSSフィルタージェネレーター

自分の画像を読み込んで、ぼかし、明るさ、コントラスト、グレースケール、セピア、色相回転、彩度、反転のフィルターをスライダーで試せます。ツールが対応するCSSのfilter行を書き出します。フィルターは書かれた順に適用されるため、ぼかしてから明るさを調整した場合と、明るさを調整してからぼかした場合では、見た目が変わることがあります。

CSSフィルタージェネレーターの使い方

  1. 上でオプションを設定します。結果はリアルタイムで更新されます。
  2. 納得がいくまで自由に調整します。
  3. 結果をコピーするか、ダウンロードします。

このツールを使う理由

別名

よくある質問

CSSで画像を白黒にするにはどうしますか?

画像にfilter: grayscale(100%)を適用します。少し色を残したい場合はそれより小さい割合にし、コントラストと組み合わせると、より強い階調になります。

CSSフィルタージェネレーターは無料ですか?

はい。ToolipediaのCSSフィルタージェネレーターは無料で、登録不要、透かしもありません。

安全に使えますか?

はい。すべての計算はブラウザ内で行われ、入力した内容が当社サーバーに送信されることはありません。

スマートフォンでも使えますか?

はい。AndroidやiPhoneの最新ブラウザのほか、タブレットやパソコンでも使えます。インストールは不要です。

アカウントは必要ですか?

いいえ。ページを開いてツールを使うだけです。登録もメールアドレスも不要です。

関連ツール