WEBデザインやサムネの作成に使えるメッシュグラデーションをまとめました。

Figmaにコピペで使える 「Boring Avatars」

Figmaを使える方にはこちらが一番おすすめです。 サイトからSVGをコピーして、Figmaにペーストすれば、そのまま使えます。 メッシュグラデーションの種類が豊富なだけでなく SVGでできているのが重要で、画質も気にせずFigma上で自分の好きなように調整が効きます。

右上の「RANDOM PALETTE」をクリックすれば生成されます。 角丸ならアバターとして使えて、四角で使えばサムネに使えます。 カラーパレットも変更可能。 グラデーション以外も生成してくれます。

洗練された 「100 Beautiful Mesh Gradients」

人の手で集められたシンプルなグラデーションが美しいです。 このレベルを自分で作ろうとすると調整が大変なので便利。 1024x1024pxのjpg形式でダウンロードできます。

虹色・パステル調グラデが映える 「ls.graphics」

まるでインスタグラムをイメージして作られたような、カラフルなグラデーションが綺麗です。 こちらは4000x3000pxで大きなサイズのjpgをダウンロードできるので、印刷物にも使えるサイズです。

ノイズ調整できる 「Noise & Gradient」

グラデーションにノイズをかけたい時もあります。 画像下の「ANOTHER」からグラデーションを生成できます。 サイズは1000x1000pxのjpgです。