Color Schemes:カラースキーム

公開日:2017年10月14日 / 最終更新日:2017年12月10日
テーマ「Wellington」スクリーンショット本ブログでは ThemeZee が提供している「Wellington」というテーマを適用していますが、標準で設定されている「白・黒・赤」といった色の組み合わせがどうも気になって・・・

ブログを始めるとどうしても気になってしまう「配色デザイン」です。既に自分好みにかなり修正を加えていますが、設定している配色は、投稿記事でも何度か記述していますが、「Dark Blue(#00338d)」を中心に展開することを考えます。

Color Schemes:カラースキームの選定

先ずは「Dark Blue:#00338d」を中心としたカラースキームを選定します。

「ColorHexa:#00338d」を利用して「Color Schemes:カラースキーム」の中の「Analogous Color:アナロガス」を選定しています。あまり派手な配色にしたくないことが理由です。

Analogous Color(アナロガス)
#007a8d #00338d #14008d
#007a8d #00338d #14008d

上記を中心に配色を自分好みに変更していますが、場合によって「Monochromatic Color:モノクロマティック」で選定されているカラーを補助的に適用しています。

Monochromatic Color(モノクロマティック)
#001741 #00215a #002a74 #00338d #003ca7 #0045c0 #004fda

グラデーションを確認

上記に加えて、「Try & Error」で実践しては修正するを繰り返している配色デザインですが、ちょっと色が薄いな~とか濃いな~とか感じた場合は、「ColorHexa」で選定されるグラデーションを採用することにします。

Shades(黒を混ぜた場合 1/2)
#000104 #000817 #00102b #00173f #001e52 #002566 #002c79 #00338d
Shades Color(黒を混ぜた場合 2/2)
#00338d #003aa1 #0041b4 #0048c8 #004fdb #0056ef
Tint Color(白を混ぜた場合 1/2)
#045fff #176bff #2b78ff #3f84ff #5291ff #669dff #79aaff
Tint Color(白を混ぜた場合 2/2)
#8db6ff #a1c3ff #b4cfff #c8dcf #dbe8ff #eff5ff

印刷に関する配色

現在、本ブログでは「印刷すること」に重点を置いていないので、印刷した場合の配色を考慮していません。ただ、将来的には以下の配色を考えていますので、参考までに掲載しておきます。

最優先色
Dark Blue
#00338d
Medium Blue
#005eb8
Light Blue
#0091da
優先色
Violet
#483698
Purple
#470a68
Light Purple
#6d2077
Green
#00a3a1
ワンポイントで利用する色
Dark Green
#009a44
Light Green
#43b02a
Yellow
#eaaa00
Orenge
#f68d2e
Red
#bc204b
Pink
#c6007e