マテリアルカラーパレットを使って、ブログのデザインを統一！_100158

今さらながら、このブログで使う色のトーンを統一してみることにしました。
使ったのは、こちら のカラーパレット(カラーピッカー)です。

Material UI / Material Design Colors
各色をクリックするだけで、カラーコードをコピーしてくれる、とても便利なサイトです。

印象を統一するために、私は このように、縦列で色・横列で明るさを決め、それぞれクロスする部分の色だけを使うことに。

黄緑だけ例外でLimeの700を使っています

今まで、自分の感覚で決めたカラーを使っていましたが、cssで使っていたものも、早速今回決めたカラーに置き換えました。

普段使っている「FireAlpaca」のカラーパレットにも、各色を登録。
これまではバラバラでしたが、今後はブログに掲載する画像を強調する際にも、今回選んだカラーを使う予定です。

また、色の濃淡を利用して、こんな枠も作ってみました。

今後は色に迷うことはなくなったので、少しでもブログ全体が統一され読みやすくなりますように…。