ライブカラースタジオ
ブラウザで実行 - 何もアップロードされません
プレビュー
コントロール
結果
background: rgba(255,255,255,0.2); backdrop-filter: blur(12px); border: 1px solid rgba(255,255,255,0.3); border-radius: 12px;
Guide & reference
グラスモーフィズムジェネレーター — 無料の Glassmorphism Generator を使用すると、ブラウザで即座に色を操作できます。アップロードもサインアップも必要ありません。完全なプライバシーを確保するために、すべてが 100% クライアント側で実行されます。
How to use
Common use cases
Common questions
無料の Glassmorphism Generator を使用すると、ブラウザで即座に色を操作できます。アップロードもサインアップも必要ありません。完全なプライバシーを確保するために、すべてが 100% クライアント側で実行されます。
色を入力してください
カラー値を入力するか、カラーピッカーを使用します。
結果を見る
ライブ プレビューとすべての形式の変換を確認します。
コピーまたはエクスポート
クリップボードにコピーするか、好みの形式でダウンロードします。
Glassmorphism Generator を開き、色の値を入力または選択します。
ライブ プレビューと変換結果のリアルタイム更新を確認します。
結果を好みの形式でコピーまたはエクスポートします。
100% クライアント側で処理 - 色がデバイスから流出することはありません。
瞬時に変換できる複数のカラー形式をサポートします。
アカウント不要で無料で使用できます。
CSS およびデザイン システム用に色を変換する Web 開発者。
デザイナーは、アクセスしやすく調和のとれたカラーパレットを構築します。
色彩理論と色空間変換を学ぶ学生。
