CSS
width:;
height:;
filter: grayscale(0%) sepia(0%) saturate(100%) hue-rotate(0deg) invert(0%) opacity(100%) brightness(100%) contrast(100%) blur(0px) drop-shadow(0px 0px 0px #000);
画像

何?
CSSのfilterプロパティを使って画像に効果をつけたものを確認できます。

使い方
サンプル画像を表示させていますが、「ファイルを選択」ボタンから任意の画像も選べます。
「設定」のスライドバーを調整して効果をつけます。
スタイルシートも表示されるので、必要であればコピペできます。

注意
画像幅は画面幅に対する%です。画像幅を調整するとピクセル表示もされます。
原寸が画面幅以上であっても最大(100%)は画面幅までとなります。
また、原寸以上には拡大されません。

設定