テキストリンクの色や背景色のカラーコードを調べる方法
AdSense広告のテキストリンクや背景色をブログとあわせる事で、クリック率が向上する場合がありますが、そもそもブログで使われているリンクや背景の色はどこで調べれば良いのかという事を疑問に思った方も多いと思います。
自分で作ったサイトやCSSの知識がある人であれば、調べるのも簡単だと思いますが、そうでない場合の方法を解説します。
ColorZillaのインストール
簡単な方法としては、Firefoxのアドオンを使うのがいいと思います。Firefoxを使っていないという方はまずはFirefoxをインストールしてください。
Firefoxでリンク先ページを開き、「Firefoxへ追加」をクリックします。ソフトウェアのインストール画面が開きますので、ColorZillaを選択して「今すぐインストール」をクリックし、Firefoxを再起動します。
すると、ブラウザの左下にスポイトマークが表示されます。
このスポイトをクリックするとマウスカーソルが十字になりますので、色を調べたい位置までカーソルを持っていきクリックします。カーソルを移動している時点で、スポイトマークの背景色が変わりますので、そこを見ながら指定してください。
色を指定したら、スポイトマークの右にある下矢印をクリックし、「カラーピッカー」を選択します。
カラーピッカー画面のHexと書かれた場所にある英数字がその色のカラーコードという事になります。このコードをAdSense広告を取得する際のタイトルや背景色に設定すれば、いいわけです。
Fireworksを使う場合
私が他のサイトのテキストリンクの色などをチェックする時に良く使うのがFireworksです。
色をチェックしたいサイトをCaptureXPなどで切り抜きFireworksに貼り付け、その部分を拡大して、長方形ツールのスポイトでリンクの色を合わせて確認します。
ちなみにCaptureXPは、Windows7以降でも使えるので重宝しています。 また、Skitch for Windowsという画像編集ソフトでも、画面を切り取ることができます。
