KOENJP

メッシュグラデーション ジェネレーター

MESH · GRADIENT

4〜8個のカラーポイントをドラッグしてやわらかなメッシュグラデーションを作成。radial-gradientを重ねたCSSをコピーしたり、壁紙やSNS画像のサイズでPNG保存できます。

ポイントをドラッグして移動、空いている場所をダブルクリックすると追加できます。ポイントを選択中は矢印キーで1%ずつ(Shiftを押しながらで5%ずつ)動かせます。

CSS · 1920×1080

      
HOW TO

使い方

  1. パレットを選ぶか「ランダム」を押して、ベースの配色を決めます。
  2. プレビューのカラーポイントをドラッグして動かし、色と広がりを調整します。
  3. やわらかさとぼかしでグラデーションのなじみ具合を整えます。
  4. 「CSSをコピー」するか、サイズを選んで「PNGを保存」します。
PAIRS WELL WITH

あわせて使いたいツール

FAQ

よくある質問

ポイントはいくつまで追加できますか?

4個から8個まで使えます。空いている場所をダブルクリックするか「+追加」で増やせます。

作った画像はサーバーに送られますか?

いいえ。描画と書き出しはすべてブラウザ内で行います。

大きなサイズで保存できません。

1,670万画素を超えるサイズは、iPhone・iPadのSafariでは保存できない場合があります。パソコンのブラウザでお試しください。