【超便利】ブログの配色どうしよう？迷った時に使えるサイトとchromeプラグインがこれ

ブログの配色をおしゃれにしたい時に使えるサイト と

WEB上のカラーコードを調べるときに便利な chromeプラグイン を紹介します。

１．相性のいい色のセットを探せる Color Hunt

高機能なワードプレステーマが増えてきたことによって

プログラムの知識がない人でも自分のブログを

手軽に理想的なデザインにすることができるようになってきています。

それ自体はとても嬉しいことなのですが、

色を指定できる箇所が多い分、配色に頭を悩ませてしまう事もしばしば・・・

「ブログの配色が中々思ったようにいかない・・・」

そんな時に参考にしたいのが Color Hunt というサイトなんです。

まずは Color Hunt のサイトに行って、どんなもんか見てみましょう！

外部リンクColor Hunt 公式サイト

Color Hunt の公式サイトにいくと、こんな感じで配色の見本がズラズラ―っと並んでいます。

配色パターンは数えきれないほどあるので

この中から好きなものを選んで、ブログの配色の参考にすることができます。

使いたいカラーパターンが決まったら、その色の上にマウスを持っていくと

下の図のようにカラーコードが表示されるのでわかりやすいですね♪

気に入った配色が見つかったら左下にある ハートマークのボタンをクリックしておくことで、

Likes(お気に入り) に保存しておくことができるのでこれも便利。

２．WEB上のカラーコードを調べることができる ColorPick Eyedropper の使い方

自分のサイトで使っているカラーコードが知りたい場合を含めて

WEB上にあるすべてのカラーコードを即座に調べることができるのが

Google chrome の ColorPick Eyedropper というプラグイン。

ColorPick Eyedropper を使うためには、

まずchromeにプラグインをインストールする必要があります。

chromeブラウザで公式サイトへいって chromeに追加 をクリックしましょう。

外部リンクchromeウェブストア

プラグインをインストールできたらブラウザの右上にアイコンが追加されます。

使い方は超カンタンで、カラーコードを調べたいページにいってから

プラグインのアイコンをクリックすると表示される十字カーソルを

コードを調べたい場所に持っていってクリックするだけ！

この場合だと FF715A の部分がわー研。のヘッダーのカラーコードという事になります。

後はこのカラーコードを入力したい場所にコピペするだけ！

お手軽に色を調べることができるので、すごく便利ですよ！

さいごに

相性のよい配色サンプルを手軽に検索できる Color Hunt と

WEB上のカラーコードを調べることができる chromeプラグインの使い方紹介でした！

どちらもすごく手軽に使えてしまうものなので

「色」で悩んだときはどんどん有効利用しちゃいましょう！