Adobe Color と Material Theme Builder と The New Bing を頼っています。

更新 公開)

画像から配色してもらう

Adobe Color

画像から色を抽出して、カラーパレットを生成してくれます。カラーグラデーションも生成できます。

任意の色からカラーパレットを生成することもできます。

Material Theme Builder

画像から Material Design のテーマを生成してくれます。任意の色を元にすることもできます。

私は1色だけ選びたいときに使っています。

The New Bing

変わり種ですが Image Creator で作成した画像を元に配色してもらうこともあります。単にwinterと入力したりプロンプトをチャットAIに考えてもらったりします。

次の題名に似合う画像を Bing Image Creator で作りたいです。プロンプトを考えてください。
プロンプトと、プロンプトの解説を答えてください。英語と日本語の両方で答えてください。
5つ答えてください。1つ答えたら改行してください。

題名:
冬

配色を直接お願いすることもできますが、綺麗な数字を出してくれるので、何か工夫が必要であるような気もします。

次の題名に似合う配色をHSLで考えてください。
配色と、配色の解説だけを答えてください。
5つ答えてください。1つ答えたら改行してください。

題名:
冬

冬に似合う配色をHSLで考えてみました。以下のようになります。

  • hsl(0, 0%, 100%) hsl(0, 0%, 50%) hsl(0, 0%, 0%) 白と黒と灰色のモノトーン配色です。冬の雪景色や都会の風景をイメージしました。

  • hsl(180, 100%, 50%) hsl(210, 100%, 50%) hsl(240, 100%, 50%) 水色と青色と紫色のクールトーン配色です。冬の空や氷や水をイメージしました。

  • hsl(60, 100%, 50%) hsl(120, 100%, 50%) hsl(180, 100%, 50%) 黄色と緑色と水色のパステルトーン配色です。冬の日差しや植物や水滴をイメージしました。

  • hsl(30, 100%, 50%) hsl(60, 100%, 25%) hsl(90, 100%, 25%) オレンジと茶色とカーキのウォームトーン配色です。冬の暖炉や木材や毛糸をイメージしました。

  • hsl(300, 100%, 50%) hsl(330, 100%, 50%) hsl(0, 100%, 50%) 紫色と赤紫色と赤色のホットトーン配色です。冬の花や宝石やクリスマスをイメージしました。