メッシュグラデーション生成ツールとは？
Webサイトの背景、SNSグラフィック、UIデザインに使える美しいメッシュグラデーションを生成するツールです。カラーポイントの数、位置、色をカスタマイズして、線形やラジアルでは表現できない有機的でユニークなグラデーションを作成できます。
使い方
- カラースウォッチをクリックするかHEX値を入力してベースカラーを選択します。最大6つのカラー制御ポイントを追加できます。
- キャンバス上の制御ポイントをドラッグして位置を調整し、グラデーションの流れをお好みに合わせます。
- 生成されたCSSコードをコピーするか、グラデーションをPNG画像としてダウンロードしてプロジェクトに活用できます。
結果
UIデザイナーがランディングページのヒーローセクション用に4つの制御ポイントを使ったパープルからティールのメッシュグラデーションを作成し、CSSをコピーしてスタイルシートに直接貼り付けます。