Blog ブログ

お問合せ・ご相談

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

デザイン

2023-07-21

サムネイル

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

Adobe Colorの特徴

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

・無料で利用可能 

・ブラウザから利用可能 

・カラーテーマが超豊富 

・AdobeCCと連携可能

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

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

Adobe Colorの基本的な使い方

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


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


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

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


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

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

探索機能 

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

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


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