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