UIデザイン用に、AIで色彩理論に基づいたカラーパレットを生成してくれる無料オンラインツール -AI Color Combination Generator

Post on:2024年4月3日

sponsors

AIによる便利ツールが増えてきましたね！
WebサイトやスマホアプリのUIデザイン用に、入力されたプロンプトを元に色彩理論に基づいたカラーパレットを生成してくれる無料オンラインツールを紹介します。

AI Color Combination Generatorの使い方は簡単、登録など面倒なことは一切不要です。

サイトにアクセスして、キーワードとなるテキストのプロンプトを入力すると、カラーパレットを生成してくれます。プロンプトは、下記のような感じです。季節や気分、テーマ、カラーに関するキーワードがお勧め。

プロンプトの例

プロンプトを入力すると、AIが色彩理論に基づいてカラーテーマをデザインし、カラーホイール上のカラーを調和して、美しいカラーパレットを生成してくれます。

たとえば「color palette blue」を入力すると、ブルーのカラーパレットが生成されました。カラーの値はクリックでコピーしたり、ダウンロードボタンからSVGでダウンロードできます。

下部のボタンをクリックすると、新たなカラーパレットを生成してくれます。

ほかのプロンプトを試してみます。「color palette spring」で春のカラーパレットを生成。

再生成したら、桜っぽい感じになりました。

「Edit color pallet」をクリックすると、そのカラーパレットをUIデザインに適用したサンプルを見ることができます。カラーパレットの各カラーは明るさを変化させたり、まったく違うカラーに変更することもできます。

「color palette blue」で生成したカラーパレット

「UI Kit」のプルダウンからUIを変更できます。

「color palette blue」で生成したカラーパレット