シャドウ生成
box-shadowを設計。
Fx
CSSフィルター生成
ぼかし・コントラスト等を調整しfilterをコピー。
preview
ぼかし0px
明るさ100%
コントラスト100%
彩度100%
グレースケール0%
セピア0%
色相回転0deg
反転0%
不透明度100%
filter: none;
初期値（ぼかし0・明るさ/コントラスト/彩度/不透明度100%など）は出力から省略されます。すべて初期値のときは filter: none; になります。
CSSフィルター生成について
CSSフィルタージェネレーターは、画像やUI要素に適用する `filter` プロパティ（ぼかし・明るさ・コントラスト・グレースケール・色相回転・反転・不透明度・彩度・セピア）をスライダーで調整し、ライブプレビュー付きでCSSをコピーできるツールです。
toco.toolsでは初期値の関数は出力から省略し、すべて初期値のときは `filter: none;` を返します。ぼかし／ビンテージ／ビビッドなどのプリセットから素早く始められます。
すべてブラウザ内で処理され、設定はサーバーに送られません。
使い方
- プリセットを選ぶかスライダーを動かす
- プレビューで効果を確認
- filter CSSをコピー
よくある質問（FAQ）
CSSフィルタージェネレーターとは何ですか？
CSSのfilter値を視覚的に作り、コピーできるツールです。
どの関数に対応していますか？
blur・brightness・contrast・grayscale・hue-rotate・invert・opacity・saturate・sepia です。
初期値は出力されますか？
いいえ。変化のない関数は省略され、すべて初期値なら filter: none; になります。
設定は外部に送られますか？
いいえ。すべてブラウザ内で処理されます。