デザインの配色をAIで作成!「Color Palette」プラグインの使い方とコツ

デザインの配色をAIで作成!「Color Palette」プラグインの使い方とコツ

最終更新日:2023年06月26日

Webサイトやブログの配色を決めるのに時間をかけていませんか?そんなときは、「Color Palette」 プラグインを使用すると、アイデアを鮮やかな配色に変換できるようになります。

本記事ではそんな「Color Palette」 プラグインの使い方やコツについて紹介します。

あわせて読みたいChatGPTプラグインのおすすめまとめ 導入方法から使い方、注意点も解説

Color Paletteプラグインとは

Color Paletteプラグインは、イメージや用途を伝えたら、それに適したカラーパレットを作成してくれます。

プラグインのインストール方法

Color Paletteプラグインのインストールは簡単です。以下はExpediaプラグインのインストール例ですが、手順は同じですので参考にしてみてください。

1.「No plugins enabled」をクリック

https://appliv-gai-production.s3.ap-northeast-1.amazonaws.com/images/articles/dEeoI0nMsAu3TbBQdSyYmqMobaa7Nsmg7j12tiXm.png

2.「Plugin store」をクリック

https://appliv-gai-production.s3.ap-northeast-1.amazonaws.com/images/articles/AJCmQnYf3wEAULgBW0Gv3KFaQ5BohMyyHO0ZH06c.png

▲既にインストールしているプラグインは上部に表示される。

3.使いたいプラグインを探す

https://appliv-gai-production.s3.ap-northeast-1.amazonaws.com/images/articles/DCIHhrXjM9B7XkfJ4vw7EgJGfUIckKJYMjNUovCt.png

▲「Most popular」で人気順、「All plugins」で全てのプラグインを探せる。「Search Plugins」からテキスト検索も可能。

4.「Install」ボタンをクリック

https://appliv-gai-production.s3.ap-northeast-1.amazonaws.com/images/articles/JmFgtMI6n75xdvXmUnpJrL9U9N30lza3RfY912Iw.png

5.TOP画面に戻る

https://appliv-gai-production.s3.ap-northeast-1.amazonaws.com/images/articles/MtDrTvTk1NguzvSI5NzD2GKcIZj3lrMIZN4QbJv7.png

▲インストールしたプラグインは「Uninstall」ボタンに変わっている。

https://appliv-gai-production.s3.ap-northeast-1.amazonaws.com/images/articles/dO6BQeFwcedOQEsWPGjymQkO31RHo9btFRwI2E1E.png

▲インストールしたプラグインのアイコンが表示されているので、ここをクリックする。

6.インストールされたプラグインにチェックマークがついていたらOK。プロンプトを投げよう!

https://appliv-gai-production.s3.ap-northeast-1.amazonaws.com/images/articles/p19CizylaKlIJHuFb9QPghcUBACVwCoE5mhoUWXq.png

Color Paletteプラグインの使い方

試しに以下のようなプロンプトを投げてみましょう。

春を連想させるカラーパレットを作ってください

回答


もちろんです。春を思わせるカラーパレットは、明るい緑、桜のピンク、空の青、そして新芽の黄色など、生命力と新しい始まりを象徴する色が特徴的です。以下の色を提案します:

明るい緑色: #88D498
桜のピンク: #FFB7C5
空の青: #89CFF0
新芽の黄色: #F0E68C
柔らかい白(雲や花びら): #F8F8FF
これらの色を使用してカラーパレットを作成します。少々お待ちください。

Used Color Palette
以下に、春を連想させるカラーパレットを作成しました。以下のリンクをクリックしてご覧ください。

春のカラーパレット

ChatGPT上で画像を表示してくれたりくれなかったりしますので、表示されない場合は春のカラーパレットのリンクをクリックすると、実際の配色を確認できます。  

Color Paletteプラグインを上手く使うコツ

筆者の場合、単純に「カラーパレットを作ってください」のみではColor Paletteプラグインを使ってくれませんでした。

そのような場合、「Color Paletteプラグインを使用してください」と明確に指示を出すことで確実にプラグインを使用してくれるようになります。

プロンプト例

AIサービスを紹介するWEBサイトに適したカラーパレットを生成してください
Color Paletteプラグインを使用してください

回答

https://appliv-gai-production.s3.ap-northeast-1.amazonaws.com/images/articles/uyPbNkBcYhY5TxNBrubdD9kURl5eaq58fEkSMV59.png

ChatGPTプラグインのおすすめまとめ

こちらの記事もおすすめ

新着記事

無料相談会実施中!
ChatGPTや生成AIの社内活用でお困りの際は、下記フォームからぜひお気軽にご相談ください!