Blog ブログ

お問合せ・ご相談

便利な配色ツール「Adobe Color」の使い方を徹底解説!

デザイン

2023-07-21

サムネイル

こんにちは。CLスタッフhです。  今回のブログは、アドビの配色ツール「Adobe Color」の使い方や便利な機能をご紹介します!

Adobe Colorの特徴

Adobe Colorの特徴として主に4つ上げられます。

・無料で利用可能 

・ブラウザから利用可能 

・カラーテーマが超豊富 

・AdobeCCと連携可能

基本的な機能は会員登録も不要で利用でき、会員登録(無料)をすると全ての機能が利用可能になります。 

インストール不要でブラウザからの利用ができるので、とても便利です。

Adobe Colorの基本的な使い方

1. 左側のカラーハーモニールールを選択


2. 中央のカラーホイールを動かす


3.下のカラーコードをコピー

カラーパネルのチェックを移動するとメインのカラーの変更もすることができ、作成したカラーコードは、保存が可能で気に入った配色をいつでも使用することができます。


基本的な使い方は以上になります。

他にも様々な使い方があるので紹介します。

探索機能 

「Adobe Color」で配色に困った際にぜひ使ってほしい機能です。 

探索のタブをクリックすると様々な配色が表示され、テーマに沿った配色を検索することも可能です。


表示方法を「カラーテーマ」にすると自動的に選ばれた配色が表示されるのでより気に入った配色を探しやすくなります。


探索機能も配色を探す際に便利なのでぜひ利用してみてください。

写真からテーマ抽出

写真をドラッグアンドドロップするだけでカラーを自動抽出することができます。 

イメージビジュアルがある場合はこれを利用すると写真のイメージと合うバランスの良い配色になります。 


1.テーマの抽出を選択し、画像をドラック&ドロップかファイルから選択をする


2.自動的に配色が画像から選ばれるのでそこからからコードをコピーして使用する


テーマからの抽出は使用頻度の低い機能ですが写真のイメージ通りにデザインして欲しいという要望があるときは役立ちますので覚えておくと便利です。

まとめ

いかがでしたでしょうか。 

今回は、Adobe Colorの機能について詳しく解説しました。 

たくさんの配色ツールがありますが、Adobe colorは、機能がシンプルで使いやすいのではぜひ利用してみてください!

新潟県内・県外問わず映像制作・Web制作・オンライン配信承ります!

Creative.LABならワンストップ対応