ブログを見易くするために配色を決める

以前、見出し1(記事のタイトルなど、HTMLでh1タグを使用した部分)のカスタマイズだけ行いました。

この対応で見出し1が少し良い見栄えになったのですが、
その他はWordPressテーマ Luxeritas(ルクセリタス)のデフォルト設定のままの状態です。

そこで、まずはブログの配色を決めてみる事にしました。
そして少しずつその配色に合わせてデザインをカスタマイズさせていこうと思ってます。

配色の決め方

特に自分にデザインセンスがあるわけではなく、
配色選びに難航したので、2つのWebサービスを使って配色を決めてみました。

メインの色を決める


メインの色を決めるのに「khroma」というサービスを使いました。
自分の好きな50色を選ぶとAIが色をおすすめしてくれるサービスです。
AIとはすごいですね。

結局、以下の画像の真ん中の色をメイン色に決めました。

khroma_01

タップすると、色の数値を教えてくれます。(#5F6214)

khroma_02

ブログに適用した場合のイメージを見る

メイン色の色を適用した時のイメージを確認するのに「ウェブ配色ツール Ver2.0」というサービスを使いました。
先ほど決めたメインの色を「基本色」の欄に入力するとブログに基本色を適用した場合のイメージがざっくりと掴めます。

web_color_tool
ちょっと渋めですが割と良い感じかと。

まとめ

見出しのカスタマイズあたりから着手していこうと思っています。楽しみです。
もし、変になるようならすぐ戻してしまうかもしれませんが、お試しという事で。