メッシュグラデーション生成ツールとは?

Webサイトの背景、SNSグラフィック、UIデザイン向けにマルチカラーのメッシュグラデーションを生成します。色を選び、制御ポイントを配置して、線形やラジアルでは出せない有機的なグラデーションを作れます。

使い方

  1. カラースウォッチをクリックするかHEX値を入力してベースカラーを選択します。最大6つのカラー制御ポイントを追加できます。
  2. キャンバス上の制御ポイントをドラッグしてグラデーションの流れを変えます。
  3. CSSをコピーするか、グラデーションをPNGでダウンロードできます。

結果

UIデザイナーがランディングページのヒーローセクション用に4つの制御ポイントを使ったパープルからティールのメッシュグラデーションを作成し、CSSをコピーしてスタイルシートに直接貼り付けます。

関連ツール