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

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

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

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

ColorPickerアイキャッチ


WordPressの構築相談!1回無料

WordPressの構築って色々ありすぎて初心者の方には難しいですよね。
カスタマイズしすぎてサイトのデザインが崩れたり。
もっとひどい時は、表示されなかったり。

一人で悩まず、まずは相談してください!

解決策がきっと見つかるはず!

まずはお気軽に1回無料のスカイプ相談サービスをお使いください!




 

コメントを残す

メールアドレスが公開されることはありません。

ABOUTこの記事をかいた人

訪問していただき、ありがとうございます。 はじめまして。 zeroichiです このブログでは、自分でわからないことがあったときの解決方法などを紹介しています。 サブタイトルにもありますように、 「 One for all ! 」 この記載が誰かの救いになれれば幸いです。 また、PCやWordpressの設定などでわからないことがあれば、気軽にメールやコメントください。 1人で悩むより、誰かと探せばいい方法が見つかりやすくなりますから。