グラスモーフィズム生成

グラスモーフィズム生成ツールは、モダンUIデザインで人気の「すりガラス風エフェクト」を簡単に作成できるビジュアルジェネレーターです。

グラスモーフィズム（Glassmorphism）とは、半透明の背景にbackdrop-filterプロパティでぼかし（blur）と彩度調整（saturate）を適用し、薄いボーダーを加えることで、ガラス越しに奥の要素が透けて見えるような美しいUI効果を実現するデザイン手法です。Apple VisionOS、Windows 11のAcrylic、iOS等で広く採用されています。

本ツールでは背景色・透明度・ぼかし量・彩度・ボーダー透明度・角丸の6つのパラメーターをスライダーとカラーピッカーで直感的に操作でき、カラフルなグラデーション背景上でリアルタイムにプレビューを確認できます。完成したスタイルは-webkit-backdrop-filterプレフィックス付きのCSSコードとして即座にコピー可能。ブラウザ上で完結するため、データの外部送信は一切ありません。