【アメブロカスタマイズ 6】ブログの基本色を決める | 会社員こそ、自由だ!ありのままで~Just the way you are~

会社員こそ、自由だ!ありのままで~Just the way you are~

メリハリつけて、シンプルに。毎日楽しく過ごせるネタ満載★
時間や制約があるからこそ、自由な時は自由に楽しむそんな徒然、ご参考に。

サクッとできるアメブロカスタマイズ連載。
今日はほんとに簡単なとこまでのご紹介。



第6回目の内容ポイント ブログの基本色を決める


です。

ブログデザインを「CSS編集デザイン」にしていると、
白と灰色であまりに味気ない感じ
になっていると思います。

これにちょっと色をつけるだけでもものすごく雰囲気が変わるんですよ、というお話。
好きな色にするだけでも全然違いますよね



でも、あまりに見にくい・読みにくい・記事が目立たない色にするのもよくありません



ブログの色で気をつけてほしいの以下。




チェック ブログの記事が書かれているところは、白色
チェック リンクする文字の色は、青色
チェック ブログの記事の文字の色は、黒色




この3つを守るだけ。

CSS編集デザインではこの部分は守られているのでここは触らないほうがよいです。
それ以外のところで個性を出しましょうポイント




というところで是非活用してほしいのが、配色のキレイな候補を出してくれるサイト。

リンク ColorHexa

これ、英語で書いてあるからちょっとわかりにくいんですけどね。



上のほうにこんな欄があるので、左の端っこの□をクリックすると、


視覚的に色が選べます。
マウスカーソルを当てて、ブログの基本にしたい色を選んでみてください。


こんな感じ。


選び終わったら、マウスカーソルを文字列が入ってるとこに当ててクリック。
すると確定します。


そして、後ろにある赤い「Search」というのをクリック。


するとそのページに選んだ色と相性のいい色がいっぱい出てきます。
こんなのふうに、補色(混ぜると白か灰色になる)とか、似ている色とか、


こんな感じで色の濃さが違うやつとか。


あと黒に近づけたり、白に近づけたり。


この中で


チェック基本になる色(濃い目)
チェック基本になる色に近い薄い色(薄い目)
チェックアクセントになる色(同じような色ではなくパッキリとした違う色)を2種類ぐらい



を選ぶとよいです。
私の場合は、

補色の色である水色と、
4色展開にしたときにいい感じのピンクの2つを取り上げてます。
あとは同系色でもっとも薄い色と。



この辺決めてるだけでも結構楽しいですよニヤニヤ

お休みの最後の日、ちょっと考えてみるのもいいかもしれませんね