カラーパレット

素敵な色の組み合わせのカラーパレットを紹介する良いサイトはいくつもあります。
たとえばここ「kuler」・・・Adobe Labsのサイトだけあって、とてもよく出来ています。紹介されている配色も豊富。うかうかしていると逆にその圧倒的な情報量にひたすら飲まれてしまうだけになりそうです。

上の画像は、現在のROCO'sのカラーパレット。

サイトの見た目、いわゆるカンプを作るときに、こんなふうにカラーパレットも画面の端に作ります。
大きく使う色、重く使う色、さし色などを検討したり確認したりするためにです。

こうしてみるとロコズサイト、かなり大胆な配色をしています(笑)しかも基本に絞ったパレットですら6色という難しさです。良く見ると、前みっつ、後ろみっつ、という2ブロック(パレット)をあわせた、というようにも見えてきますね。
キーとなっている色は緑みの青、それに対してさし色として使用している色が黄みの赤。これはいわゆる「補色」の関係にあります。まったく逆の色、ということです。ダイアードとも言われます。これに対して大きく使う色、背景に採用している色同士はトライアドの関係にあります。

ロコズサイトをリニュするときに意識したのは「日本にありがちではない見た目のサイト」。
これをどう表現するかのアプローチはさまざまです。色で言えば先に述べたような大胆配色、しかもテーマは「レトロ」で選んでいます。
フォントも肉が厚めでクラシカルな雰囲気を持ったものを。描画全体では「グランジ」といわれる汚した感じを。
そんなこんなの要素を入れて、パッと見たときに「あれ?」と思ってもらえたらな、と思いつつ、作りました。

色は奥が深く、とても楽しいですね。先に紹介したカラーパレットのサイトなどもぜひ参考に、みなさんも色々試してみてください。