コンバージョン率を上げる!ランディングページ改善メソッド 無料E-book配布中!
このサイトの配色何だろう?画面の配色がわかるツール【ColorPicker】 | Daiju.tech

   

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

 

皆さんこんにちは!

『ゼロ』を『イチ』に変える男、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

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

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

 

 

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

ブログ記事のカテゴリー

Copyright© Daiju.tech , 2016 All Rights Reserved.