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

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

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

AI Color Combination Generator

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

サイトのキャプチャ

AI Color Combination Generator

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

プロンプトの例

プロンプトの例

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

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

サイトのキャプチャ

「color palette blue」で生成

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

サイトのキャプチャ

「color palette blue」で生成

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

サイトのキャプチャ

「color palette spring」で生成

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

サイトのキャプチャ

「color palette spring」で生成

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

サイトのキャプチャ

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

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

サイトのキャプチャ

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

sponsors

top of page

©2024 coliss