【Webアプリ】画像から出力するデザイン配色ジェネレータ

アプリ

2026.10.30

この記事は約2分で読めます。

AI（Geminiの無料枠）を使用して、画像からデザイン配色を生成するジェネレータをつくってみました。
色の知識がなくても好きな画像から、おしゃれ（？）な配色を5つ提案してくれます。

早速ジェネレータ

最終更新：2026年10月30日

アップロードした画像から、AI（Gemini）がコンセプチュアルなカラーテーマを5パターン提案します。画像データはサーバーに保存さず破棄されますが、AI処理のためGoogleには送信されます(※2)

■画像を選択してください：

あなたの利用状況（1時間）—

サイト全体の利用状況（本日）—

画像データ量—

※1 無料で提供しているため、利用回数に上限があります。どれかが上限に達すると生成できません。
※2 画像はAI処理のためGoogleに送信されます。無料枠では入力内容がGoogleのサービス改善に利用される場合があるため、個人情報や権利のある画像のアップロードはお控えください。

使い方は簡単です。
画像を選択し生成ボタンを押すだけです。

画像の雰囲気・色彩・モチーフから、デザインに使えるカラーテーマを5パターン提案します。
4〜5色のHEXカラーコードに加え、
配色の基本比率（ベース70％：メイン25％：アクセント5％）に使う3色を、カラーコードの中から選んで出力します。

各テーマをクリックすることでテーマの配色をプレビューすることもできます。

生成されたカラーテーマは以下の画像の様に出力されます。

AI（Gemini）のAPIの無料枠を使用してのサービスですので使用制限があります。
こちらを超えると生成に制限が掛かりますのでご了承いただければ幸いです。

また選択された画像はサーバーに保存されることはなく破棄されますがAI処理のためGoogleには送信されます。
入力内容がGoogleのサービス改善に利用される場合があるため、自己責任で宜しくお願い致します。
個人情報や権利のある画像のアップロードはお控えください。

万一、本サービスの利用により損害が生じた場合、当社の故意・重過失による場合を除き、当社は責任を負いかねますので、あらかじめご了承ください。

配色となるとデザイナー向けのツールぽいですが
1枚の画像からデザイン配色を生成できるのでデザイナーじゃなくても意外と楽しいかもしれません。

よければつかってみてくださいな。

クイズを準備しています…