# 画像から配色してもらう ## [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>* 紫色と赤紫色と赤色のホットトーン配色です。冬の花や宝石やクリスマスをイメージしました。