当サイトで使用する色を選びました。
色に対する知識がほぼゼロの為、まだまだ改善しなくてはならない部分が多いですがまずは方向性を決めようと思います。
参考にしたツール
「Color Hunt」という色の組み合わせがたくさん掲載されているサイトです。
選んだ組み合わせ
たくさんありすぎて悩みましたがコレにしました。
僕の選んだ色のカラーコードは上から順にコチラです。
- #083358
- #0f4471
- #fc3c3c
- #f6f6f6
ページ内の組み合わせにカーソルをあわせるとカラーコードが表示されコピーできます。
これをhタグやリンク、背景等に使っていく感じですね。
カラバリが少ないと感じたり、この組み合わせでは対応が難しいと思った箇所には同系色で色のトーンを少し変えて使用したりモノトーンカラーを利用したりなどして組み合わせてみました。
まとめ
編集のバックアップも兼ねての掲載となります。
ほんの少し取り入れた程度でおさまっていますが、もう少し思い切ったかっこいいデザインにあこがれているので引き続きがんばります。