色の選び方メモ

センスが全く要らない色の選び方、とのことで飛びついてみました。
少しツールも確認しつつ、これなら俺にも出来そうと思ったので、纏めておきます。
今後、AppEngineの情報提供サイトだったりページを作る機会も多くなりそうな気がするので、

理系人間なりに何とかデザイン・表現力も伸ばして行きたいな、と思う次第です。

1.色の配分
ベース70%、メイン25%、アクセント5%

2.メインカラー
明度の低い色を使う（濃い色）
-ターゲットユーザーが好き
-競合と被らない
-クリックされやすい
-自分が好きな色
以下のサイトから明度で50以下くらいから選ぶ(左の箱で左半分辺り）イメージかな。
http://smile.thyme.jp/color/hsv/hsv-color-picker.html
16進数の数字(A)と色相、彩度、明度を控えておく。
(例：#3A6645、色相136：彩度：43.5：明度40）

3.ベースカラー
　無彩色（白、グレー、薄い茶色）
　メインカラーの明度を上げた色
を採用すれば良い。
上記のサイトで、明度を+50とかしてみたものを選ぶ。
16進数の数字(B)を控える
(例：#89F2A4、色相136：彩度：43.5：明度95）

4.アクセントカラー
メインカラーの色相の数値に+180か-180したものを選ぶ。
【参考】http://smile.thyme.jp/color/
16進数の数字(C)を控える
(例：#663A5A、色相316：彩度：43.5：明度40）

5.確認
確認してみる。
http://noz.day-break.net/webcolor/local/page_c.html
で、文字色にメインのカラー(A)のRGB16進数を文字色に入れる。
背景色にベースカラー(B)のRGB16進数を文字色に入れる。
リンク色にアクセントカラー(C)のRGB16進数を文字色に入れる。
「見本を表示」してみる。

5.4色の場合
　メインかアクセントを分割する。
　色相が同じでトーン(明度か彩度)が違う色
　トーン(明度と彩度)が同じで色相が違う色。を選択する。