カラーコード変換
HEX・RGB・HSL と透明度を変換し、色をプレビューしながら CSS の値をコピーできます。
CSS 画像フィルタージェネレーター
サンプルや手元の画像でぼかし、明るさ、色、透明度を試し、filter CSS を出力します。
PNG・JPEG・WebP・GIF に対応。20 MiB、2,000 万画素、各辺 8,192 px まで。保存されるのは CSS で、加工済み画像ではありません。
CSS
このツールについて
サンプルや端末内の画像で効果を試してから、ページの CSS に適用できます。
使い方
サンプル画像を使うか、PNG・JPEG・WebP・GIF を選びます。ぼかし、明るさ、コントラスト、彩度、色相、グレースケール、セピア、反転、透明度を調整してください。元画像との比較やフィルターのリセットもできます。
画像は 20 MiB、2,000 万画素、各辺 8,192 ピクセルまでで、アップロードされません。コピー・保存するのは filter CSS で、加工済み画像ではありません。元画像の表示に切り替えても設定値は残ります。
よくある質問
加工済み画像を保存できますか？
出力は CSS で、画像のピクセルは書き出しません。原画像表示でも設定は残ります。画像はアップロードされず、表示された容量・寸法制限が適用されます。
ほかでは開ける画像を読み込めないのはなぜですか？
プレビューは PNG、JPEG、WebP、GIF に対応し、20 MiB、2,000 万画素、各辺 8,192 ピクセルが上限です。圧縮後のファイルが小さくても、画素数の制限を超えることがあります。縮小または対応形式へ変換してから選び直してください。
関連ツール
新しいタブで開きます
コメント
0