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);

使用上の注意

ファイルと入力はこのブラウザー内で処理されます。アップロードやアカウントは不要です。