雑記

ブログやWEBの配色を考えるときに便利なサイト

原色大辞典
ブログの配色ってどうやって考えていますか?
まずメインのカラーを決めて、これに合うアクセントカラーを1〜2色、と考えていくのが決めやすいです。
でもその3色が赤・黄・青 …みたいに全部原色というのもちょっとアレなわけで。これでは信号だし。(こういう配色にしたいならそれもアリですが)

配色のサイトっていろいろありますが、私がとくに参考にしたサイトを2つご紹介します。

配色の見本帳

f:id:chihirolifememo:20171225150658p:plain
ひとつ色を選ぶと、それに合わせた配色を知ることができる便利なサイト。
配色の見本帳 | キーカラーで選ぶ配色パターン – 色見本とHTMLカラーコード

たとえば明るい黄色を選ぶと、
f:id:chihirolifememo:20171225150732p:plain
こんなふうに、
f:id:chihirolifememo:20171225150744p:plain
色相環、色相、彩度、明度をもとにした配色がわかります。
これを守って配色するとすっきりまとまりますよ。

配色大辞典

配色大辞典
配色大辞典 – Color Scheme

背景の色に対して文字色が読みやすいかを試してみることができます。
f:id:chihirolifememo:20171225171819p:plain

原色、和色、パステルカラーなどジャンルごとに色がまとめられていて便利。
原色大辞典

f:id:chihirolifememo:20171225150610p:plain

面白いな〜と思ったのが、東京と大阪の地下鉄のカラーも載ってること。
f:id:chihirolifememo:20171225150643p:plain

ほかには、イメージや色味から色を検索できたり、

f:id:chihirolifememo:20171225184635p:plain

12星座の今日のラッキーカラーが載っていたり。

f:id:chihirolifememo:20171225184730p:plain

配色にどうしようかなってときや、イメージに合う色を探しているとき、カラーコードを知りたいときなどに便利に使えるサイトです。
色で悩んだときは参考にしてみてくださいね。