デザインやイラストを制作していると、配色に悩むことはありますよね。今回は、AIによる自動生成で配色カラーパレットを作成してくれるWEBサービス「Colormind(カラーマインド)」をご紹介します!
「Colormind」による配色カラーパレットの自動生成
![](https://cremaga.net/wp-content/uploads/2019/03/スクリーンショット-2019-03-10-15.06.28.png)
まず、サイトを訪れるとランダムでカラーパレットが出てきます。
![](https://cremaga.net/wp-content/uploads/2019/03/スクリーンショット-2019-03-10-15.08.16.png)
一番左のカラーを選択し、使いたいベースカラーに変更しましょう。
![](https://cremaga.net/wp-content/uploads/2019/03/スクリーンショット-2019-03-10-15.08.40.png)
今回はCREMAGAブルーに設定してみます。
![](https://cremaga.net/wp-content/uploads/2019/03/スクリーンショット-2019-03-10-15.08.51.png)
決めた色が変更されないように、鍵マークを押してONにしておきます。
![](https://cremaga.net/wp-content/uploads/2019/03/スクリーンショット-2019-03-10-15.09.16.png)
2色のベースカラーを使用する際は、2色とも鍵をかけておきます。
![](https://cremaga.net/wp-content/uploads/2019/03/スクリーンショット-2019-03-10-15.14.36.png)
ベースカラーを決定したら「Geberate」ボタンを押します!
すると…
![](https://cremaga.net/wp-content/uploads/2019/03/スクリーンショット-2019-03-10-15.14.54.png)
自動的に良い感じのカラーパレットが生成されました!
もう一度「Geberate」ボタンを押すと、別の組み合わせが生成されます。
![](https://cremaga.net/wp-content/uploads/2019/03/スクリーンショット-2019-03-10-15.15.02.png)
![](https://cremaga.net/wp-content/uploads/2019/03/スクリーンショット-2019-03-10-15.15.20.png)
上の2パターンは色合いは似ていますが、トーンが少し違いますね。
色の配置による生成の違い
今回は左右にベースカラーを設定しましたが、色の配置によっても生成される色が変わるそうです。詳しくは「Colormind」WEBサイトに記載されていますが、翻訳したバージョンを掲載いたします。
![](https://cremaga.net/wp-content/uploads/2019/03/スクリーンショット-2019-03-10-15.20.33.png)
![](https://cremaga.net/wp-content/uploads/2019/03/スクリーンショット-2019-03-10-15.20.38.png)
![](https://cremaga.net/wp-content/uploads/2019/03/スクリーンショット-2019-03-10-15.20.46.png)
このように、配置によって生成される配色が変化するようです。
画像をアップロードして配色を生成することも可能!
写真をもとに配色を生成することもできます。
![package](https://cremaga.net/wp-content/uploads/2019/03/package.jpg)
今回はこちらの画像をアップロードしてみます。
そして「Geberate」ボタンを押すと…
![](https://cremaga.net/wp-content/uploads/2019/03/スクリーンショット-2019-03-10-15.26.26-1024x525.png)
このようなカラーパレットが生成されました。
単純に画像の色を抜き取ったわけではなく、写真に使用されている色をベースに色が被らないように生成されていることがわかります。賢いですね!
まとめ
デザインやイラストを制作していると、配色に悩んだ時は、AIによる自動生成で配色カラーパレットを作成してくれるWEBサービス「Colormind(カラーマインド)」を使ってみてはいかがでしょうか!
CREMAGAのサイト内で使用している色も「Colormind(カラーマインド)」をベースに色を決定しています。
それでは、Colormindを使ってクリエイターとしての新しい一歩を踏み出しましょう!