便利ツール

《配色》配色パターンのセンスを磨くwebツール『Adobe Color CC』

更新日:

配色には方程式があるとプロは言いますが、一般素人には中々難しい部分があると思います。

「趣味の悪い配色にするならシンプルでいた方がマシ。」

って事で結果、例えば私のサイト一つとっても気づけば白黒のモノトーン配色になっちゃってますが、本当は色々修正したいと考えています。

今回紹介するwebツールは配色の黄金比を自動生成してくれるAdobeが誇る最高の無料ツールになっていますので、是非ご参考にしてください!

 配色パターンを5色で設計する

参考https://color.adobe.com/ja/create/color-wheel/

トップページに飛ぶとまずこの画面が表示されていますが、デフォルトで赤の類似色で統一されています。

五本の線があると思いますが、その中の白の矢印付きの線をメインで使いたい色へ調整させると他の4本も連動して黄金比を保ちながら自動調整される仕様になっています。

 配色パターンの見本を参考にセンスを磨く

「探索」をクリックしてもらうと上記の画面が表示されますが、ここに登録されている配色パターンが本当に良い!!

というかイチから模索している人はここからイメージする理想の配色パターンを参考にしたいり、選択してそのまま引用するのも大いにアリだと思います。

ちなみにフィルタで色々設定できます。↓

人気の高い順・使用回数の多い順で見ることが出来ます。

 配色パターンで人気の高い順

何か国旗を連想しそうになるパターンもありますが、このキャプチャ以下にもスクロールしていくと沢山出てきますよ。

ファッションの色使いの参考にもなりそうで、見ているだけでも地味にセンスが磨かれていきそうです。

 配色パターンで使用回数の多い順

個人的にはイエローがベースになっている配色を探しているんですが、意外と少ないんですよね!

黄金比を保ちにくい色なのかも?

逆に自然っぽい土っぽい色のベースは結構多い印象。

個人的にビビッ!と来た配色パターンはこれでした。

探しているうちに更生させたい配色イメージが徐々に固まっていく自分に気付きます。

是非皆さんもちょっと試してみてほしいです♬

 配色パターンのカラールール

さっき気になった配色パターンで調整したいと思ったので、クリック。

そうするとトップページに選択したパターンが反映されます。

個人的にはイエローとホワイトをもっと明るくて透明感ある様に調整したいなと思いました。

ちなみにカラールールは7種類選択できます。

  1. 類似色
  2. モノクロマティック
  3. トライアド
  4. 補色
  5. コンパウンド
  6. シェード
  7. カスタム

このツールを使って吟味していくと結構短時間で配色パターンが固まってきますよ!!

 まとめ

何か新しくイチからデザインしていく時にはこういったツールからヒントを得て作成すれば、失敗しちゃう事も減ると思います。

Adobeがせっかく用意してくれている無料ツールなので、先人に習って使わない手はありません。

是非ともこのツールを使ってセンスを磨いてみてはいかがでしょうか!?

『Best Recommend!!』

特集記事をチェック!

1

今Huluは安室奈美恵のドキュメンタリーを限定放送している事でも話題を呼んでいますよね。 Huluをざっくり説明すると… 月額933円(税抜)で映画・ドラマ・アニメが全て見放題 Hulu無料トライアル ...

2

Twitterのフォロワー数=人脈ステータス となりつつある昨今のSNSご時勢ですが、皆さんはいかがお過ごしでしょうか!? 自分はTwitterをはじめとしたSNSはweb収入を加速させる為には絶対必 ...

3

「もっとサイトを○○したいけど、出来ない」 「htmlとかphpとか無理」 WordPressでwebサイトを構築していく過程で誰もがぶつかる障壁、それがプログラミング系の疑問だと思います。 今回紹介 ...

4

ブログ・アフィリエイトサイトで稼ぎたいと思い私のサイトに検索で辿り着くユーザーがかなり多いのが現状です。 サラリーマンの収入だけでは足りない 借金がある 金持ちになりたい 自由になりたい 稼いでカワウ ...

5

今回紹介するアプリは現在特許出願中の就活生が注目する革新的なツール。 学生の時間の効率化を実現しながら、付随するその他の機能も大幅に充実していく事が予測されます。 2019年卒業の学生たちは動向をチェ ...

6

オリジナルマルチサーバーでのマルチプレイ これにこそ醍醐味が詰まっているマインクラフトですけども、皆さんはどの様な方法でマルチサーバーを立てようと検討していますか? 今回は『マルチサーバーの立て方』の ...

7

ワードプレステーマを何にするか決めかねている人へ 今回、無料有料問わず今市場で人気がある6つのテーマをサイトの表示速度とSEO的側面から検証してみました! サイトの表示速度を測るツールについては過去に ...

8

女性のファッションレンタルサービス『エアークローゼット』を知って、メンズ版もあったら利用したい!と探していたら、 提携先ブランドも良い感じでした。 金は無いけど毎日違うコーデでオシャレになりたい! そ ...

9

観たい映画やドラマ、アニメは皆さんもたくさん有るはずです。しかし! レンタル屋に借りに行ったり、借りに行ったら誰かに借りられていたり、返しに行ったり、延滞料金を取られたり・・・ 煩わしいですよね! 今 ...

10

インターネットが家庭に普及し始めて早20年強… 皆さんはどれだけ沢山のアプリやwebサービスを実際に使っていますでしょうか?! LINE Twitter facebook Instagram Yaho ...

-便利ツール

Copyright© LastescapE , 2017 All Rights Reserved.