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

CSS フィルター ジェネレーターは、CSS フィルター プロパティのビジュアル エディタです。 フィルター機能ごとにスライダーを移動します — ぼかし、明るさ、コントラスト、彩度、グレースケール、セピア、反転、色相-回転、不透明度 — リアルタイムでプレビューに適用されるエフェクトを確認し、それが生成する正確な CSS をコピーします。

Filter プロパティは、画像エディターを必要とせずに、ぼかし、色の変化、コントラスト調整などのグラフィカルな効果をブラウザーに直接適用します。 複数の関数を 1 つの宣言で連鎖して順番に適用できます。これは、ヴィンテージ、ウォーム、ドラマチックなどの写真スタイルの外観がどのように構築されるかです。 このツールは、そのチェーンを管理し、実際に変更した機能のみを出力して、CSS をクリーンに保ちます。

すべてのブラウザで発生します。 ヴィンテージやグレースケールなどのプリセットから始めて、各関数を微調整して、宣言をコピーします。 アカウントもアップロードもありません。ページが読み込まれた後もオフラインで動作します。