当サイトは、アフィリエイト・アドセンス広告を掲載しています。消費者庁が、2023年10月1日から施行予定である景品表示法の規制対象(通称:ステマ規制)にならないよう、配慮して記事を作成しています(記事はこちら、消す方法はこちら

参考:令和5年10月1日からステルスマーケティングは景品表示法違反となります。 | 消費者庁

指定した2色でグラデーション画像を作成するサービス

2022年4月20日Webサービス

「グラデーション画像を作成-DataChef」のアイコン

この記事では、指定した2色でグラデーション画像を作成してくれるウェブサイト「グラデーション画像を作成-DataChef」について書きます。

「グラデーション画像を作成-DataChef」のスクリーンショット

指定した2色でグラデーション画像を作成できるWebサービスです。

サイトにアクセスして、作成したい2色を選択します。色は、カラーパレットの中から好きな色を選択でき、HTMLカラーコードやRGBAで詳細に指定することも可能です。横幅、高さを入力して、「作成」ボタンをクリックすると、画像が生成されます。そのままPC内に保存できます。

出力拡張子は、PNG、JPEG、GIF、BMPの4種類の中から選択できます。保存した画像に透かしは入りません。会員登録は不要で、無制限で作成・ダウンロードできます。

パターンは、線形、円筒形、円形の3つの中から選択でき、90度、180度、270度で回転できます。

ブログやYouTubeなどのアイキャッチ画像の背景素材として使えます。「サクッと2色のグラデーション画像を作成したい!透かしなし、会員登録不要で使いたい!」という方、ぜひ試してみてください。

リリース元:TechLagoon(テックラグーン)

アクセス方法

以下のリンクからアクセスできます。

使い方

サイトにアクセスして、色を指定します。カラーパレットが表示されるので好きな色を選択します。直感的に操作できて良いですね。

「グラデーション画像を作成-DataChef」でグラデーション画像を作成する手順画像1

右側のバーで透明度も調整できます。JPEG拡張子の場合、背景が白になるだけで意味がありませんが、PNGなど透明度を表現できる拡張子では使えます。

「グラデーション画像を作成-DataChef」でグラデーション画像を作成する手順画像2

色は、HTMLカラーコード、RGBAで指定することも可能です。当サイトのイメージカラーのコードは、「#02b0f1」と「#1e73be」になっています。(どうでもいいか笑)サイト上で紹介されている色を、そのまま真似したい時に使えます。

「グラデーション画像を作成-DataChef」でグラデーション画像を作成する手順画像3

画像サイズを指定します。横幅、高さに好きな数字を半角で入力します。上限は、縦横ともに5120pxとなっています。YouTube、ブログのアイキャッチ画像の推奨サイズは、大体1280×780です。

パターン、回転オプションを選択します。出力形式(拡張子)は、PNG、JPEG、GIF、BMPの中から選択できます。おすすめは、PNGです。

「グラデーション画像を作成-DataChef」でグラデーション画像を作成する手順画像4

設定できたら、作成をクリックします。左側に画像が生成されます。ダウンロードで保存します。

「グラデーション画像を作成-DataChef」でグラデーション画像を作成する手順画像5
ポイント

ダウンロードをクリックすると、ページがリロードされて、初期値に戻ってしまいます。2枚目以降の画像を続けて作成したい場合は、「ダウンロード」からではなく、右クリック→「名前を付けて画像を保存」からの方がいいかなと思います。

こうすることで、1枚目で指定した画像サイズや色の具合を維持したまま、引き続き2枚目を作成できます。

「グラデーション画像を作成-DataChef」でグラデーション画像を作成する手順画像6

実際に作成した画像を貼っておきます。綺麗です。本記事のアイキャッチ画像も、本サービスで作成したグラデーション画像を背景にしています。

「グラデーション画像を作成-DataChef」で作成した水色と黄緑の2色グラデーション画像

追加で6枚ほど作成してみました。初心者でも簡単に作成できました。

「グラデーション画像を作成-DataChef」で作成した6枚のグラデーション画像

感想

以上、色を指定したら、自動的に綺麗なグラデーション画像を生成してくれるサイト「グラデーション画像を作成-DataChef」についてでした。

本サービスの製作者は、他にも便利なツールを公開されています。

2022年4月20日Webサービス