【ColorMagicの使い方】AIを使ってオリジナルカラーパレットを生成する方法

  • 私のブログサイトに似合うのは何色なんだろう…
  • デザインセンスがないから、ダサくなりそう…

そんなあなたのお悩みを解決してくれるのが『ColorMagic(カラーマジック)』です。

ColorMagicを使えば、デザイン知識ゼロでも、簡単にオシャレな配色が見つかります。

ColorMagicの特徴
  • 好きなイメージを伝えるだけ
  • AIが素敵な配色を提案してくれる
  • 誰でも簡単にオシャレな色が選べる

こちらの記事では『ColorMagic』を使って、あなたのイメージ通りのカラーパレットを作成する方法について画像付きで丁寧に解説していきます。

おもち

あなたブログサイトが、グッとオシャレになるはずだよ!

目次

STEP1.ColorMagicをひらいてサインアップしよう

ColorMagicの使い方 ステップ2:カラーマジックの公式サイトをひらく

ColorMagicをひらきます。

ColorMagicの使い方 ステップ3:『ログイン』ボタンをクリックする

サイトがひらいたら、画面左下にある『ログイン』ボタンをクリック。

おもち

Googleでログインすると、すべての機能がつかえるよ!

ColorMagicの使い方 ステップ4:『Googleでログイン』ボタンをクリックする

『Googleでログイン』ボタンをクリック。

ColorMagicの使い方 ステップ5:カラーマジックにログインできました

『ログインしました』と表示されたらOK!

ColorMagicの使い方 ステップ6:『今はやめておく』をクリック

まずはお試しでつかいたいので『今はやめておく』をクリック。

ColorMagicの使い方 ステップ7:カラーマジックが使えるようになりました

ColorMagicにサインアップできました。

STEP2.イメージを入力してカラーパレットをつくろう

ColorMagicの使い方 ステップ8:『作成』ボタンをクリックする

画面右上にある『+ 作成』ボタンをクリック。

ColorMagicの使い方 ステップ9:生成したいパレットのイメージを入力する

自分がイメージする色の雰囲気をあらわすキーワードを入力。

ColorMagicの使い方 ステップ10:『生成する』ボタンをクリックする

入力できたら『生成する』ボタンをクリック。

ColorMagicの使い方 ステップ11:パレットが生成されました

入力したイメージにふさわしいカラーパレットが生成されます。

おもち

あっという間にカラーパレットができちゃったね!

生成されたカラーパレットは色の微調整が可能です。くわしくはSTEP3で解説しています。

参考までに:プロンプトとカラーパレットの一例

参考までに、プロンプトと生成されたカラーパレットの一例をご紹介します。

ColorMagicの使い方 補足1:『明るい 元気 おしゃれ』から生成されたパレット

『明るい 元気 おしゃれ』と入力すると、こんなカラーパレットが生成されます。

ColorMagicの使い方 補足2:『パステルカラー 心地よい 優しい』から生成されたカラーパレット

『パステルカラー 心地よい 優しい』と入力すると、こんなカラーパレットが生成されます。

ColorMagicの使い方 補足3:『シック 大人 カッコいい スマート』から生成されたパレット

『シック 大人 カッコいい スマート』と入力すると、こんなカラーパレットが生成されます。

おもち

イメージにぴったりなカラーパレットを作っちゃおう!

STEP3.生成されたカラーパレットの色を調整する方法

ColorMagicの使い方 ステップ12:『色の調整』ボタンをクリックする

生成されたカラーパレットの色を調整したい場合は『色の調整』ボタンをクリック。

ColorMagicの使い方 ステップ13:色の調整画面が表示されました

色を調整するためのレバーが表示されます。

ColorMagicの使い方 ステップ14:レバーを左右に動かして色の調整をする

表示されたレバーを左右に動かして色の調整をしてください。

ColorMagicの使い方 ステップ15:『×』マークをクリックする

調整がおわったら『×』マークをクリック。

ColorMagicの使い方 ステップ16:色のカラーコードをメモする

イメージどおりのカラーパレットができたら、それぞれの色のカラーコードをメモしておきましょう。

おもち

メモしたカラーコードをサイトのメインカラーや主要パーツにあてはめていこう!

SWELLデモサイトの着せ替え完全マニュアルにもどる

WordPressブログの始め方はこちら

この記事が気に入ったら
フォローしてね!

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!
目次