Canvaでデザイン作成中、配色に悩むことがありませんか?この記事では、2022年に試した配色機能の作例を紹介します。現在のメニューや利用条件は編集画面で確認してください。

掲載画像は旧記事で使用していた画面です。Canvaの更新により、メニュー名や配置が現在の画面と異なる場合があります。利用できる機能や回数、素材の条件はプランによって異なります。

1.「カラーパレット」で好みの配色に自動で変更

Canvaには、センスよく色を組み合わせてくれる「カラーパレット」の機能があります。

掲載当時の画面では、好みのカラーパレットを選ぶと、その配色をデザインに適用できました。

カラーパレットが表示される

2022年当時の編集画面では、このように表示されていました。

具体的にどのようになるのか、猫のクリスマスカードのテンプレートの例をみてみましょう。

Canvaならデザイン配置が簡単!

この作例では、中央の緑色メインのデザインにカラーパレットを適用すると、周囲の茶・青・ピンク・オレンジを使った配色になりました。

色変更に対応する文字・図形などの色をまとめて変えた例です。適用範囲を確認し、変更後は各要素の配色を見直してください。

こんなときにおすすめ

  • デザインセンスに自信がない
  • いいかんじの配色がわからない
  • 時短したい
  • いつもの自分では作れない配色のデザインにしたい

詳しくは下の記事で解説しています。

あわせて読みたいCanvaの「カラーパレット」機能が超便利!デザイン配色を自動で決めるツール

2.「ページにカラーを適用」で写真になじんだ配色に

チラシやバナーの写真に合わせて配色を考えたいときの作例です。以下は2022年当時の「ページにカラーを適用」を使った例で、現在の表示名や利用可否は編集画面で確認してください。

この作例では、写真の色をもとにデザインの配色を変えることができました。

今度はピンクのインテリアの写真を使用する

たとえば、チラシのテンプレートで、インテリアの写真をピンク系統のものに変更するとします。

悪くないけどイマイチな例2

悪くないけれど、少し配色を変更したくなりますね。

ピンクの写真の色をデザインに適用した色の組み合わせ

当時の機能を適用すると、背景や文字が写真になじむ配色になりました。現在も同じ結果になるとは限らないため、仕上がりを確認してください。

当時の作例では、複数の配色パターンも試せました。

こんなときにおすすめ

  • メインの写真は決まっているが、デザインの配色センスに自信がない
  • おしゃれなテンプレートの写真を差し替えたら、デザインがイマイチになってしまった
  • いろんな配色パターンのデザイン案をサクッと複数つくりたい

詳しくは下の記事で解説しています。

あわせて読みたい写真にあわせてデザインの配色を自動で選択!Canvaの便利機能

3.「カラーピッカー」で参考デザインや写真から色を拾う

配色を考えるうえで、いろんなデザインを参考にするかと思います。そのときに、「このデザインのこの色がいい…!」となることがあるでしょう。

そんなときは、Canvaの「カラーピッカー」の機能で色をコピーして使いましょう。

カラーピッカーを色の上までもっていく

掲載画面では、カラーピッカーで猫の目の色を拾おうとしているところです。

掲載当時、Canva外の画面から色を拾った例

掲載当時の環境では、Canva外の画面からも色を拾えました。使える範囲はブラウザや端末によって異なる場合があります。

この例では、別ウィンドウの写真からアップロードせずに色を選べました。外の画面から取得できない場合は、画像をCanvaにアップロードして、デザイン内で色を選んでください。

こんなときにおすすめ

  • 参考デザインと同じ色を使いたい
  • 写真から特定の色を拾ってデザインに使いたい
  • 手軽にカラーコードを調べたい

カラーピッカーの詳しい使い方は、下の記事で解説しています。

あわせて読みたい【Canva】デザイン上で同じ色を選択!色抽出の「カラーピッカー」

まとめ

掲載当時の作例では、カラーパレットや写真からの色選びが配色の参考になりました。現在使える機能を確認しながら、デザインに合う色を探してみてください。

サルワカではCanvaの使い方について、初心者の方でもわかるように丁寧に解説しています。中級者以上の方でも「初めて知った!」という発見があるかもしれないので、ぜひ読んでみてくださいね。

また、他にも便利な機能がたくさんあるので、ぜひCanvaを活用してみてください!

機能や素材によって利用条件が異なります。無料で使える範囲や有料プランの対象かどうかは、利用画面で確認してください。

有料プラン「Canva Pro」を試したい場合は、下のリンクから無料トライアルの利用条件を確認してください。