このサイトの配色何だろう?画面の配色がわかるツール【ColorPicker】

 

この記事を書いている人 - WRITER -

『webとITをもっと身近に。』
大分県日田市で『webとIT』の専門家として活動中!
ミラサポや保証協会に登録し、webコンサルタントとして企業の相談などを行っております(全国どこでも出張可能です!まずはお気軽にお問合せ下さい)
制作では、販売促進に効果的なランディングページの制作も行っております!

宮野大樹

この記事を書いている人 - WRITER -
「webとITをもっと身近に。」 大分県日田市で『ITとweb』の専門家として活動中! ミラサポや保証協会に登録し、webコンサルタントとして企業の相談などを行っております(全国どこでも出張可能です!まずはお気軽にお問合せ下さい) 制作では、販売促進に効果的なランディングページの制作も行っております!
詳しいプロフィールはこちら

皆さんこんにちは!

『ゼロ』を『イチ』に変える男、Web構築士のzeroichiですw

先ほど、サイトリフォームのお話しがありまして、元のサイト情報を調べていていました。

元のサイトをベースにしたいということでして、構成や配色も検討していました。

ソースを元にすれば、CSSから配色はわかります。ある程度w

以前書きました、

サイト構成が一発でわかるソフト|Website Explorer

で調べれば、一発なんですがw

もっと簡単に、サイト配色が簡単にわかる方法ないかなぁ~

しかも画面上から。。楽したいしw

って探してましたら、

ありました!

簡単にわかるツールが!

その名も、『 ColorPicker 』

これは、結構便利でしたので紹介しますね~

そのTool信用できんの~?

結構昔から使われていて、

評価もいいと思います。

ユーザーコメントも確認してみてください

http://www.vector.co.jp/soft/cmt/win95/art/se350616.html

win10のPCでも大丈夫なことを確認しましたw

どこから入手するのさ?

はい、まずはVectorへ移動しましょう!

これが直リンクです!

http://www.vector.co.jp/soft/win95/art/se350616.html

そこから、ダウンロードして解凍しましょう!

現時点(2016/3/15)では、ColorPicker‗40.zipのようです。

気になる使い方は?

解凍されたフォルダの中に、ColorPicker.exeがあるので、ダブルクリックで起動します!

ColorPicker.exe

ColorPicker.exeが起動ファイルです

起動後は、ポインタに金魚の糞みたいについてきますw

ColorePicker使い方

ColorePicker使い方 起動すると、右の赤丸のようにポインタにつくっついて表示されます。ポインタは見えませんが、wのところにいます

あとは、調べたい配色のところで、右クリックすれば、コード一覧が出てきますので、それを左でクリックすると、配色コードがコピーされます。

配色表示の種類については、調べてみてください。

右クリックしたときに、6文字英数字が並んでいると思いますが、コードに入れるときは、#を前に入れてくださいねw

例えば、FFFFFFをコピペして、色情報をペーストしたら、先端に#を入れて、#FFFFFFとしてくださいってことで

もちろん、RGBにも対応しています

このToolのいいところ!

拡大して、配色状況が見えるところですね

ピクセルごとにわかるので、微細な配色もわかっちゃいます!

このtoolの悪いところ!

一度コピーすると、タスクバーの中に隠れてしまいます。

ですので、上の図のように、表示させたら、アイコンをダブルクリックしてくださいねw

まとめ

以上が、今回のTool

ColorPicker

を紹介しましたw

使い方も

ダウンロードさえすれば

起動して情報を取得するだけなので、とても便利ですよ~

色々探してみたけど、このColorPickerが一番使いやすかったですね。

拡大されて、詳細なデータが取得されますんでw

それでは、本日も最後までご覧いただきありがとうございます。。

この情報が皆様のお役にたてれば幸いです。

 

 

無料E-bookプレゼント中!

WEB集客に悩んでいるあなたへ!

リアルで仕事を獲得したノウハウをまとめました!

WEBで集客を頑張っていても

なかなか収益が上げられないと悩んでいませんか?

私は、WEB集客から一転してリアルで安定した仕事を獲得できました。

このE-bookでは、

✔ リアルで仕事を獲得する方法
 サービスの差別化ができる方法
 WEBよりも早く成果が出せる方法!
 高単価での契約がとれる方法!

などを詳しく、わかりやすく説明しております。
WEB集客を行うよりも、圧倒的に早く仕事を獲得することができます。

全国的に使える方法を記していますので、WEB集客や仕事獲得に伸び悩んでいる方

役に立つE-bookとなっております。

無料E-bookの特典として、素晴らしい企画も用意しています。
詳しくは、E-book最後の方にてご確認してください。

この無料E-bookが、あなたの目標達成の近道となることを願っています。

ページの最後にある特典は必見です!

 

 
この記事を書いている人 - WRITER -
「webとITをもっと身近に。」 大分県日田市で『ITとweb』の専門家として活動中! ミラサポや保証協会に登録し、webコンサルタントとして企業の相談などを行っております(全国どこでも出張可能です!まずはお気軽にお問合せ下さい) 制作では、販売促進に効果的なランディングページの制作も行っております!
詳しいプロフィールはこちら

Daiju.techで使ってる
ワードプレステーマはこれだ!

Daiju.techでは、エレファント購入者様限定で、無料にて設定作業を行っております。

Zoomと呼ばれるオンラインビデオチャットを使いますので、全国どこでも対応できます!

まずは、お気軽にお問合せ下さい。

Copyright© Daiju.techダイジュテック , 2016 All Rights Reserved.