CSS filterジェネレーター

ぼかし・明るさ・コントラスト・グレースケール・セピア・彩度・色相回転をスライダーで調整して filter のCSSを生成。写真の雰囲気調整やホバー演出に。

設定

プレビュー

🏞️
—

使い方・しくみ

スライダーで画像の見え方を調整すると、filter のCSSが出ます。

filter は画像や要素に効果をかけるプロパティ。ぼかし・明るさ・コントラスト・グレースケール・セピア・彩度・色相回転など。写真の雰囲気調整やホバー演出に。

計算はこのブラウザの中だけで、入れた内容はどこにも送りません。