便利ツール

《配色》配色パターンのセンスを磨く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がせっかく用意してくれている無料ツールなので、先人に習って使わない手はありません。

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

特集記事をチェック!

1

  「継続課金する事に・・・!」   この記事はHuluの「2週間無料」という甘い誘惑に乗った男が、「Huluサイコー!!!」と歓喜して月額課金に至った実際に起こったストーリーであ ...

2

皆さんはDVD宅配レンタルを利用した事はありますでしょうか!? ネット上で動画を視聴出来るVOD(※)も最近流行りまくってますが、家に居ながら現物を借りれる宅配レンタルはもっと注目されています。 ※Y ...

3

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

4

DVD/CDレンタルと言えば TSUTAYAですよね。自分も愛用して・・・ました。 入会金300円(税別)でレンタル本数に応じて利用出来る訳ですが、忙しい社会人にとって返却期限というのが煩わし過ぎです ...

5

月額933円(税抜)で好きな映画やドラマ、アニメまで見放題という事で最近Huluが人気ですよね。 動画配信サービスの中でもHuluは「Hulu限定作品」に力を入れていて、最近だと引退を発表した安室奈美 ...

6

動画配信サービスのdTVから新ライン「dTVチャンネル」がリリースされましたね! ただ… dTVとdTVチャンネルの違いがよく分からん! という事で特集記事を組みました。 Dee結論から言うと、「dT ...

7

Hulu無料トライアルというお試しキャンペーンに登録すると、2週間無料で有料ユーザーと全く同じ様に全ての動画を視聴する事が可能です。 2週間だけお目当ての作品を見倒して、あとは解約!これもアリっちゃア ...

8

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

9

動画配信サービス(VOD)をはじめ最近ではネット配信のTVが随分賑わっていますよね。今回は市場シェアの上位を独占している2社を徹底比較してみました! HuluとNetflixどっちにしたら良いのか? ...

10

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

11

31日間無料で試せるU-NEXTの無料トライアルについて、登録から解約までの手順、注意点をすべてまとめました。 目次U-NEXT無料トライアルとは?U-NEXTの無料期間を確認U-NEXTを無料で試し ...

12

前回の記事ではWOWOWとスカパーの違いを特集しました。 この記事でWOWOWは月額2300円でコスパが最強の衛星放送サービスである事が分かりましたが、今回は渦中のWOWOWを無料で視聴する方法や注意 ...

13

動画配信サービスも大分メジャーになって、最近では各社かなり充実したサービスを展開してますね! 今回はHuluユーザーでもある私が、最近話題のFOD(フジテレビオンデマンド)を実際に試してみました。 記 ...

14

ネット配信のテレビや動画配信サービスが最近スゴイ流行ってますよね! 今回はHuluを普段愛用しているワタクシ管理人ではありますが、Paravi(パラビ)という新しいVODがサービスを開始したので実際に ...

-便利ツール

Copyright© LastescapE , 2019 All Rights Reserved.