キーワードから配色パターンを生成【ColorMagic】の使い方|サイトデザイン
こんにちは。おもち(@omochibigaku)です。
こちらの記事では、キーワードから配色パターン(カラーパレット)を生成してくれるAIサービス『ColorMagic』の使い方についてわかりやすく解説していきます。
サイトのメインカラーやアクセントカラーを探しちゃおう!
大まかな手順
- ほしい色のイメージを入力
- 生成するボタンをクリック
- 生成されたカラーコードをコピー
- サイトの主要パーツにあてはめる
とっても簡単にイメージどおりのサイトが作れちゃうよ!
ColorMagicの使い方
ColorMagicをひらきます。
サイトがひらいたら、画面左下にある『パレットをつくる』ボタンをクリック。
理想的な色の雰囲気やイメージをあらわすキーワードを入力してください。
入力できたら『生成する』ボタンをクリック。
AIが生成してくれたカラーパレットが表示されました。
使い方はとっても簡単だね!
参考までに『明るい 元気 おしゃれ』と入力すると、こんなパレットが生成されます。
『パステルカラー 心地よい 優しい』と入力すると、こんな感じの配色パターンでした。
『シック 大人 カッコいい スマート』と入力すると、こんな感じの配色パターンでした。
いろいろなカラーパレットを作ってみよう!
生成された色の調整方法
生成された色を調整したい場合は『色の調整』ボタンをクリック。
そうすると、色を調整するためのレバーが表示されます。
表示されたレバーを左右に動かすことで、色の調整ができます。
調整がおわったら『×』マークをクリック。
つかいたい色のカラーコードをメモしてつかってください。
ColorMagicでアカウントを作成する方法
こちらが表示されたら、アカウントを作成していきましょう。『無料ではじめる』ボタンをクリック。
アカウントをつくると1日5回まで無料で生成してくれるよ!
『Googleでログイン』ボタンをクリック。
利用するアカウントを選択。
再度、こちらが表示されるので『Googleでログイン』ボタンをクリック。
料金解説のページがひらきました。
無料でつかいたい場合は『今はやめておく』をクリック。
これでColorMagicがつかえるようになりました。
お好きなカラーパレットを見つけちゃおう!