ブログの配色に迷っているならここが便利!簡単で使いやすいツール

色

こんにちは。ことりです^^

ブログやサイト作成をする際に、とても重要なことのひとつが色の組み合わせ。配色です。そのブログが男性向けなのか女性向けなのか、またジャンルによっても配色は違ってきますよね。

でも、その色の組み合わせがなかなか上手くいかないもの。
私なんて特にセンスがないので(笑)

私はこれまでさまざまなブログテーマを利用させていただいてきました。簡単な設定だけで素敵なブログに仕上がるので本当にありがたいです。それでもやはり配色は自分で決めるようになりますよね。

ということで、私がよく利用する「配色に役立ちそうなサイト」をいくつか紹介しますね。

目次

色の組み合わせ・イメージに参考になるサイト

参考になるサイトはたくさんあるのですが、以下に紹介するのは私が実際に利用させていただいているサイト。

「へぇ~、この色にこんな色が合うんだ~」「ここにこの色を持ってきたら良さそう」など、イメージが湧いてきてブログ作成がより楽しくなります。

Color Hunt

日々増加していく4色の組み合わせを参考に。
ユーザーさんが作成した4色の組み合わせが日々増えていきます。いいね(ハート)が表示されているのでどの組み合わせが人気なのかもわかります。テーマカラーとアクセントカラーの組み合わせなどにとても参考になります。

kuler

Adobe公式。
ホイールをぐるぐる回していると、あ!これいいなっ!という配色が見つかったりするんです。微妙な色の調整もしやすい。また、上部にあるメニューの「探索」というところをクリックして「ピンク」や「ブルー」など色名を入力すると、その色を基盤とした配色が表示されたり、最新のトレンド色を見ることができたりととても便利です。

ウェブ配色ツール Ver2.0

ウェブ配色ツール Ver2.0

ブログやサイトの基本色を1色決めたら、後は自動で配色を作成してくれるというツール。
簡易的なものなので、詳しく設定はできないのですが、仮想サイトを見ながら操作できるのでとても分かりやすいです。ツールの下に使い方の説明もあります。

ColorFavs

ColorFavs

お気に入りのイラストや写真などから色を抽出してくれる。
このイラストの配色が好き、ブログをこの写真のような色合いにしたいなどに役立ってくれます。持っている写真やイラストを読み込ませるだけでその画像に使われている5つの色を抽出してくれます。

HUE/360

HUE/360

ベースとなる1色だけを選択。
ベースにしたい1色だけを選択すると、その色に合う色をいくつか表示してくれます。
選択した色は画面下に並んでいきます。並んだ色の一番左のベースカラーに「Print User Color」とあるので、その文字をクリックすると、選択した色のカラーコードが表示されます。

あまり多くの色を使わないほうが良い?

何に対する配色なのかにもよるのですが、私の場合はベースになる色を決めたらその色に2~3色程度。多くても5色(記事内の文字色なども含め)くらいまでをポイントに使っている感じですね。

デザインや配色に自信がある人はもっとたくさんの色を使用しても全く問題ないとは思うのですけど、自信が無いという人はあまり多くの色を使わないほうが無難かも^^; あまり冒険をしすぎると見た目が全くまとまりのないブログになってしまう。

kotori

私は嫌というほど経験してます(笑)

初めてのブログとかって、いろいろとやってみたい衝動にかられちゃいません?で、ついついたくさん色を使ってみたりして。その結果、読んで下さる方の目もチカチカしてしまって、記事の内容に集中できなくなっちゃうというね^^;

そんなことにならないよう、上記のような便利なサイトを利用して素敵な配色を見つけてくださいね。ブログが思うような配色、デザインに仕上がった時は本当に嬉しくなって更に愛着がわいてきますよ♪

スポンサーリンク

よかったらシェアしてね!
目次
閉じる