注目のWebデザイン用AIツール! テキスト入力でWebサイトやスマホアプリ向けのカラーパレットをすぐに生成 -AI Colors
Post on:2023年4月20日
テキストを入力すると、Webサイトやスマホアプリ向けの美しいカラーパレットをすぐに生成してくれるAIツールを紹介します。
「企業サイト向けのクールで信頼感のあるカラーで、ベースはホワイト」「子供向けキャンペーンサイト、海と夏のイメージ」こんな感じにテキストを入力すると、Webサイトやスマホアプリ向けのカラーパレットを生成してくれます。
![テキストを入力すると、Webサイトやスマホアプリのカラーパレットを生成するAIツール -AI Colors](http://coliss.com/wp-content/uploads-202302/2023041501@2x.png)
AI Colorsの特徴
AI ColorsはOpenAIのGPT-3.5を使用して、テキストからAIによりWebサイトやスマホアプリ向けの美しいカラーパレットを生成します。また、他の人が作成したカラーパレットを検索・編集・視覚化することもできます。
利用にあたっては無料で、登録なども必要ありません。
![サイトのキャプチャ](http://coliss.com/wp-content/uploads-202302/2023041502-01.png)
インターフェイスはシンプルで、テキストプロンプトは上部にあり、サイドバーから作成されたカラーパレットを見たり、編集したり、ビューを変更できます。
![ビューの変更](http://coliss.com/wp-content/uploads-202302/2023041502-02.gif)
ビューの変更(スマホアプリ・ダッシュボード・ポートフォリオ・ランディング)
生成されたカラーパレットを編集するには、サイドバーの「Edit」から。背景・プライマリ・アクセント・テキストを変更すると、それぞれのバリエーションも自動的に調整されます。
![カラーパレットの編集](http://coliss.com/wp-content/uploads-202302/2023041502-03.gif)
カラーパレットの編集
AI Colorsの使い方
AI Colorsの使い方は、簡単です。登録など面倒なことは一切不要です。
サイトにアクセスし、上部のテキストプロンプトにテキストを入力すると、カラーパレットを生成できます。
![サイトのキャプチャ](http://coliss.com/wp-content/uploads-202302/2023041502-07.png)
生成されたカラーパレットはサイドバーから編集が可能です。完成したカラーパレットは下部からエクスポートできます。
![サイトのキャプチャ](http://coliss.com/wp-content/uploads-202302/2023041502-08.png)
カラーパレットのエクスポート
AI Colorsを使ってみた
テキストの入力は、日本語で大丈夫です。
まずは、企業サイト用のカラーパレットを生成してみました。
「企業サイト向けのクールで信頼感のあるカラーで、ベースはホワイト」
![サイトのキャプチャ](http://coliss.com/wp-content/uploads-202302/2023041502-04.png)
生成されたカラーパレット
「カメラの企業サイト、ブランドカラーはイエロー、ビビッドな感じ」
![サイトのキャプチャ](http://coliss.com/wp-content/uploads-202302/2023041502-05.png)
生成されたカラーパレット
「子供向けキャンペーンサイト、海と夏のイメージ」
![サイトのキャプチャ](http://coliss.com/wp-content/uploads-202302/2023041502-06.png)
生成されたカラーパレット
sponsors