メッシュ & グラデーションスタジオ

メッシュ・線形・放射・円錐グラデーション — CSS/SVG/PNG。

ライブキャンバス上でカラーノードをドラッグして、複数ストップの線形・放射・円錐グラデーションや多点メッシュグラデーションを作成します。知覚的に滑らかな OKLCH 補間と、オプションのフィルムグレインオーバーレイに対応。本番でそのまま使える CSS や Tailwind をコピーするか、フラットな SVG または高解像度 PNG のヒーロー背景として書き出せます。ブラウザー内だけで動作し、アップロードもアカウントも不要です。

入力をアップロードせず、端末内で処理します。ライブラリやモデルの取得が必要な場合があります。サイトへの登録は不要です。