CSSフィルターで画像の印象をリアルタイムに調整できます。 スライダーを動かすと即座にプレビューへ反映され、CSSコードを確認できます。
明るさコントラスト彩度グレースケールセピア色相反転ぼかし不透明度
コントロール
画像を読み込んで、CSSでできる範囲のフィルターを調整します。
現在のCSS
filter: brightness(100%) contrast(100%) saturate(100%) grayscale(0%) sepia(0%) hue-rotate(0deg) invert(0%) blur(0px) opacity(100%);プレビュー
スライダー操作が即時に反映されます。
Before
画像を読み込むとここに表示されます。
After
フィルター適用後のプレビューです。
すべてブラウザ内で処理されます。出力されるのはCSSのフィルター値のみです。