このサイトの配色何だろう?画面の配色がわかるツール【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

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

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

 

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

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

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

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

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

Copyright© Daiju.tech , 2016 All Rights Reserved.