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

更新 公開)

# 画像から配色してもらう

## [Adobe Color](https://color.adobe.com)

画像から色を抽出して、[カラーパレットを生成して](https://color.adobe.com/create/image)くれます。[カラーグラデーションも生成できます。](https://color.adobe.com/create/image-gradient)

[任意の色からカラーパレットを生成することもできます。](https://color.adobe.com/create/color-wheel)

## [Material Theme Builder](https://m3.material.io/theme-builder)

画像から [Material Design](https://m3.material.io) のテーマを生成してくれます。任意の色を元にすることもできます。

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

## [The New Bing](https://www.bing.com/new)

変わり種ですが [Image Creator](https://www.bing.com/images/create) で作成した画像を元に配色してもらうこともあります。[単に `winter` と入力したり](https://www.bing.com/images/create/winter/64436b9ea42c4894b28f8d16ba5a48b7?id=m3zvx7IvrI6xmTInEutGHA%3d%3d&view=detailv2&idpp=genimg&FORM=GCRIDP&mode=overlay)、[プロンプトをチャット AI に考えてもらったり](https://www.bing.com/images/create/a-cup-of-hot-chocolate-with-marshmallows-and-whipp/64436cdec98d472b92b1d1dfd527f528?id=KczDG8%2bfnjZeZxyOZApfRw%3d%3d&view=detailv2&idpp=genimg&FORM=GCRIDP&mode=overlay)します。

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

題名:
冬
```

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

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

題名:
冬
```

>冬に似合う配色を HSL で考えてみました。以下のようになります。
>
>   -   *<span style="background: hsl(0, 0%, 100%); color: hsl(0deg 0% 10%)">hsl(0, 0%, 100%)</span>*
>       *<span style="background: hsl(0, 0%, 50%); color: hsl(0deg 0% 100%)">hsl(0, 0%, 50%)</span>*
>       *<span style="background: hsl(0, 0%, 0%); color: hsl(0deg 0% 90%)">hsl(0, 0%, 0%)</span>* 白と黒と灰色のモノトーン配色です。冬の雪景色や都会の風景をイメージしました。
>   -   *<span style="background: hsl(180, 100%, 50%); color: hsl(180, 100%, 20%)">hsl(180, 100%, 50%)</span>*
>       *<span style="background: hsl(210, 100%, 50%); color: hsl(210, 100%, 20%)">hsl(210, 100%, 50%)</span>*
>       *<span style="background: hsl(240, 100%, 50%); color: hsl(240, 100%, 20%)">hsl(240, 100%, 50%)</span>* 水色と青色と紫色のクールトーン配色です。冬の空や氷や水をイメージしました。
>   -   *<span style="background: hsl(60, 100%, 50%); color: hsl(60, 100%, 20%)">hsl(60, 100%, 50%)</span>*
>       *<span style="background: hsl(120, 100%, 50%); color: hsl(120, 100%, 20%)">hsl(120, 100%, 50%)</span>*
>       *<span style="background: hsl(180, 100%, 50%); color: hsl(180, 100%, 20%)">hsl(180, 100%, 50%)</span>* 黄色と緑色と水色のパステルトーン配色です。冬の日差しや植物や水滴をイメージしました。
>   -   *<span style="background: hsl(30, 100%, 50%); color: hsl(30, 100%, 20%)">hsl(30, 100%, 50%)</span>*
>       *<span style="background: hsl(60, 100%, 25%); color: hsl(60, 100%, 90%)">hsl(60, 100%, 25%)</span>*
>       *<span style="background: hsl(90, 100%, 25%); color: hsl(90, 100%, 90%)">hsl(90, 100%, 25%)</span>* オレンジと茶色とカーキのウォームトーン配色です。冬の暖炉や木材や毛糸をイメージしました。
>   -   *<span style="background: hsl(300, 100%, 50%); color: hsl(300, 100%, 20%)">hsl(300, 100%, 50%)</span>*
>       *<span style="background: hsl(330, 100%, 50%); color: hsl(330, 100%, 20%)">hsl(330, 100%, 50%)</span>*
>       *<span style="background: hsl(0, 100%, 50%); color: hsl(0, 100%, 20%)">hsl(0, 100%, 50%)</span>* 紫色と赤紫色と赤色のホットトーン配色です。冬の花や宝石やクリスマスをイメージしました。

無効なフォームです。ページの再読み込み、又は外部サービスをお試しください。