生成AIの使い方

キーワードから配色パターンを生成【ColorMagic】の使い方|サイトデザイン

omochi

こんにちは。おもち(@omochibigaku)です。

こちらの記事では、キーワードから配色パターン(カラーパレット)を生成してくれるAIサービス『ColorMagic』の使い方についてわかりやすく解説していきます。

おもち
おもち

サイトのメインカラーやアクセントカラーを探しちゃおう!

大まかな手順

  1. ほしい色のイメージを入力
  2. 生成するボタンをクリック
  3. 生成されたカラーコードをコピー
  4. サイトの主要パーツにあてはめる
おもち
おもち

とっても簡単にイメージどおりのサイトが作れちゃうよ!

ColorMagicの使い方

ColorMagicをひらきます。

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

理想的な色の雰囲気やイメージをあらわすキーワードを入力してください。

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

AIが生成してくれたカラーパレットが表示されました。

おもち
おもち

使い方はとっても簡単だね!

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

『パステルカラー 心地よい 優しい』と入力すると、こんな感じの配色パターンでした。

『シック 大人 カッコいい スマート』と入力すると、こんな感じの配色パターンでした。

おもち
おもち

いろいろなカラーパレットを作ってみよう!

生成された色の調整方法

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

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

表示されたレバーを左右に動かすことで、色の調整ができます。

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

つかいたい色のカラーコードをメモしてつかってください。

ColorMagicでアカウントを作成する方法

こちらが表示されたら、アカウントを作成していきましょう。『無料ではじめる』ボタンをクリック。

おもち
おもち

アカウントをつくると1日5回まで無料で生成してくれるよ!

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

利用するアカウントを選択。

再度、こちらが表示されるので『Googleでログイン』ボタンをクリック。

料金解説のページがひらきました。

無料でつかいたい場合は『今はやめておく』をクリック。

これでColorMagicがつかえるようになりました。

おもち
おもち

お好きなカラーパレットを見つけちゃおう!

プロフィール
おもち
おもち
フリーランスデザイナー
ワードプレス歴7年。グラフィックデザイン3年。累計アクセス数100万PV『おもちの美学』を運営。
これからブログを始めたい人向けに、サイトデザイン、SEO、アフィリエイトについてわかりやすく解説します!
記事URLをコピーしました