web

ブログの色の組み合わせが決まらない!そんな時によく利用する配色サイト

色

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

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

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


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

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

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

Color of Book

colorbook

http://colorchart.jp/
さまざまな本、雑誌からカラーコードを出してくれるサイト。
本屋さんに行くとたくさんの本や雑誌があって、色の組み合わせがとても参考になるんです。でも、その場でカラーコードなんてわからないですよね。そんな時、雑誌名をメモして帰ってきて、このColor of Bookに雑誌名を入力すればOK!

Color Hunt

colorhunt

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

ウェブ配色ツール Ver2.0

ウェブ配色ツール

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

kuler

kuler

https://color.adobe.com/ja/create/color-wheel/
Adobe公式。
ホイールをぐるぐる回していると、あ!これいいなっ!という配色が見つかったりするんです。微妙な色の調整もしやすい。また、上部にあるメニューの「検索」というところをクリックすると、すごくたくさんの色の組み合わせを見ることができて参考になります。

COLOROTATE

COLOROTATE

http://web.colorotate.org/
他の人が作成した無数の色の組み合わせを参考にできます。
好みのものをクリックして、そこから微調整をしながらオリジナルの配色を考えたりもできますよ。カラーコードは色の上で右クリックすると、「copy color;#○○○○○○」という項目が表示されます。そこをクリックするとカラーコードがコピーされ、貼り付けたいところに貼り付けることができます。

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

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

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

あまり冒険をしすぎると見た目が全くまとまりのないブログになってしまう。

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

初めてのブログとかって、いろいろとやってみたい衝動にかられちゃいません?で、ついついたくさん色を使ってみたりして。

その結果、読んで下さる方の目もチカチカしてしまって、記事の内容に集中できなくなっちゃうというね^^;

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