My Web道

WEB制作科 受講記録 …とその後も続くWEB制作に関する活動・学習記録です。

配色の選定にはこれが便利!オンラインツール「PHOTOCOPA」のご紹介

今日は、Web制作中の配色時にお役立ち、
「PHOTOCOPA」というツールをご紹介いたします。
f:id:sntkk3:20171125201558p:plain

「PHOTOCOPA」とは?

PHOTOCOPAは、以下サイトで提供されているオンラインツールです。

公式サイト:
PHOTOCOPA | Photo Color Palettes by COLOURlovers :: COLOURlovers :
http://www.colourlovers.com/photocopawww.colourlovers.com

「PHOTOCOPA」のここがすごい!

PHOTOCOPAは、指定画像から配色を分析、カラーパレットを作成してくれるという凄いツールです。
あとはカラーパレットから色を選択するだけ。
これでWebページ制作中の配色に悩む必要がなくなります。

「PHOTOCOPA」の使い方

前提:
1. 利用には会員登録が必要です。
2. PHOTOCOPAで分析する画像は、アップロードしておく必要があります。

1. ユーザー登録

サイト右上の「Sign Up」から会員登録を行います。
以下必要事項を入力して、「Create Account」ボタンをクリックしてください。

  • UserName
  • Password
  • Password (確認用)
  • Email Address
  • 「私はロボットではありません」にチェック

f:id:sntkk3:20171125201031p:plain


2. パレット作成

サイトログイン後、
 Create > Palette でパレットを作成します。
f:id:sntkk3:20171125204538p:plain


3. 画像を指定

FROM A PHOTO をクリックします。
f:id:sntkk3:20171125205155p:plain

photos タブ にて
Enter the URL of any photo に画像URLを入力 します。
f:id:sntkk3:20171125205410p:plain

⇒対象画像が PHOTO 画面に呼び込まれ、右側に解析により自動作成されたパレットが表示されます。

なお、こちらのツールは自身の指定画像だけでなく、Galleryに用意された画像からのパレット作成も可能です。

配色を正確に把握でき、配色センスを磨く勉強にもなると思います。
手軽に使える優れたツールです。
ぜひ一度お試しあれ。

以上、ご参考まで。