「ウェブ配色ツール」の力を借りてブログの配色を変更してみた

2016-09-252016-10-16

いやー、配色って難しいですねぇ～
色合いを考えるのがメチャメチャ厄介。

ただそんな素人のために配色を決めるためのツールがいろいろ出てますね。
今回はこちらを使用しました。

ウェブ配色ツール Ver2.0

基本色を#18916eに、色相差を-54°に。
こちらを参考にして、やっとここのブログが今の形になりました。
青系やらオレンジ系やら試行錯誤しまくりましたが、やっと緑で落ち着いた！

上のツールでは差し色の設定までできませんので、
WPテーマで使用している「STINGER PLUS+」の「オリジナルテーマカスタマイザーを使用する」で「赤」を指定しているため、ここでの差し色は同様に赤にしてみました。

差し色の箇所を増やすために、カスタムのCSSも追加。

#mybox h4.menu_underh2 {
	background: #d9e9d6;
	margin-top: 20px;
	margin-bottom: 5px;
	padding: 5px 5px 5px 10px;
	border-left: solid 12px #a61919;
}