グラデーションを簡単作成!NOISE & GRADIENT

WEBサイトで多く見るグラデーションのあしらいを、簡単作成できるサイトを紹介します。
サクッと作成でき、サイト内で簡単に画像保存もできます。

目次

NOISE & GRADIENT の使用方法

まずはこちらのURLから飛んで画面を見てみましょう

NOISE & GRADIENT

グラデーションできる色は最大6色まで追加可能です。
右部分へカラーコードを入力していくだけで、自動で美しいグラデーションを作成してくれます。

NOISE & GRADIENT画面

さらにカラーコード記入下のバーでノイズの調整が可能です。
CHAOS FACTOR でホワイトノイズを調整、GRAIN FACTOR でグレーのノイズ調整できます。

グラデーション表示画像の下の「ANOTHER」ボタンでグラデーションの掛け方をランダム変更させられます。

NOISE & GRADIENT ANOTHER

気に入ったグラデーションで止めて、「DOWNLOAD」をクリックすると、現在のグラデーションがjpeg保存されます。

以上がこのサイトの使用方法です。

ダウンロードできる画像サイズはそこまで大きくないのですが、Illustratorでのグラデーション作成よりも簡単に作成できるのでカンプデータなどの仮デザイン用途にはとても有効だと思います。

併せて使用 便利サイト

カラーピッカーでカラーコードを出すサイト

https://itsakura.com/html-color-codes#s2

グラデーションツールで遊んで、おもしろい色の見せ方や新しいあしらい見つけるのも面白そうですね。

  • URLをコピーしました!
目次