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