新しい記事を書く事で広告が消せます。
当ブログでは過去に初音ミクに関して何回かエントリーを書いていますが、今回はブログの趣旨に沿って、初音ミクをWeb制作の一観点から考察してみよう、という相当無理のある試みに挑戦。テーマはエントリータイトルにもあるように「配色」です。
単純に多数の画像をサムネイルで見たときに色合いがきれいだと思ったので、どういう配色なのかを確認してみたかったというのがそもそもの思いつきではあるのですが、Webサイト作成における配色に何かしら意味があるかもしれないと思い、せっかくなので書き留めておくことにしました。
以下は公式の絵に使われている色から作ってみたカラーパレット。作るにあたって『COLOURlovers :: Color Trends + Palettes』を真似てみました。
初音ミク7色カラーパレット
色は左から順番に以下のとおり。
- #373b3e
- #bec8d1
- #fffeec
- #c3e5e7
- #86cecb
- #137a7f
- #e12885
初音ミク5色カラーパレット
7色から5色に色数をしぼったもの。
色は左から順番に以下のとおり。
- #373b3e
- #bec8d1
- #86cecb
- #137a7f
- #e12885
はちゅねミクバージョン
「はちゅねミク」（上の画像）は初音ミクがデフォルメされたキャラクター。ネギを振り回すことでおなじみとなっています。公式ではないですが、もう1人の初音ミクとして事実上の公式キャラ的な感じでしょうか。こちらでもカラーパレットを作ってみました。
はちゅねミク7色カラーパレット
色は左から順番に以下のとおり。
- #2b2b2b
- #8c97a4
- #fce6c9
- #4aa6ac
- #3c858a
- #e8b7f2
- #96297b
はちゅねミク5色カラーパレットその1
7色から5色に色数をしぼったもの。
色は左から順番に以下のとおり。
- #2b2b2b
- #8c97a4
- #fce6c9
- #4aa6ac
- #e8b7f2
はちゅねミク5色カラーパレットその2
同じく7色から5色に色数をしぼったもの。その1とは採用したカラーが一部違うだけです。
色は左から順番に以下のとおり。
- #2b2b2b
- #8c97a4
- #4aa6ac
- #3c858a
- #96297b
ピックアップする色が違うだけで随分変わりますね…。
おまけ：はちゅねミク用葱パレット
↑これもカラーパレット化してみました。
色は左から順番に以下のとおり。
- #65a44d
- #dbebd6
- #ebe194
- #ddc477
- #d5b75a
単に色を吸い出しただけなんですが、使用されている色がぴったり5色。意外にも白（#FFFFFF）が使われていませんでした。
配色は難しい
実際に描かれている絵はグラデーションがかかっているので、使われている色を全て把握するとなるととんでもない数になりますが、大体の色をピックアップすると大まかな配色が分かる感じでしょうか。いかんせん配色センスも知識もない素人なので、センスや知識のある人が試みればもっとうまいこといくと思います。
「初音ミク」のカラーは全体的に暗めな配色ですが、その部分は明るめの色に向かってグラデーションがかかっていて、絵を見ると暗いイメージは感じないですね。パレットだけ見ると、リボンの部分に使われているピンクというか紫色が他の色に対して一見浮いているように感じますが、ワンポイントとして使われているためなのか違和感も特にありません。むしろお互いに引き立てているようにも見えます。リボンの紫と髪の毛の色のグリーンの関係が反対色に近いからかもしれません。
「はちゅねミク」の方は、グラデーションがかかっていなかったのでパレットは作りやすかったです。肌の色やほっぺたのぐるぐる部分以外は全体的に暗めの色だったのが並べてみるとよく分かります。キャラクターは底抜けに能天気な感じなだけに、イメージとカラーパレットの配色具合に随分ギャップがあるように感じます。ネギはネタでやったんですが、ネギというか「畑」を連想しそうな配色となりました。明るめな配色ですね。はちゅねミクの能天気具合の源泉は、実はネギにあり、といったところでしょうか（無理矢理）。
この考察というか試みが役に立ったかどうかは自分でもさっぱりですが、配色の難しさを改めて痛感。配色センスのある人が本当にうらやましいです。こういうのは勉強でどれだけカバーできるのでしょうか…。
最後に全然話が変わりますが、冒頭のCOLOURloversで検索をしたら、「Miku」というカラーパレットがありました。なんだか春っぽいイメージ。初音ミクとは全然関係ありませんが。他にこんなのがありました。これはもっと関係がない。
#以下 2009/2/2 追記
今までのものをまとめました→VOCALOID カラーパレットまとめ
オシャレな感じだし他人から見てミクとわかりづらいから拡大して壁紙に使わせて頂きますｗ
画面はこちらのカラーパレットで配色してます。
配布してもよろしいでしょうか?
配布は全然問題ないのでOKです。
公開した際には配布場所を教えて頂ければ紹介したいと考えていますので、コメント欄でけっこうですのでご連絡いただければ幸いです。
ご連絡ありがとうございます。
早速インストールして試させていただきました。
これはなかなかいいですね〜。
紹介エントリーをアップさせて頂きました。
よろしければご覧ください。
Firefoxをみっくみくにするアドオン『ぼかろFx』
http://smallwebmemo.blog113.fc2.com/blog-entry-246.html
わざわざお知らせいただきありがとうございます。
事後報告でも全然問題ありませんので。
アクセントになっている暖色系の色が意外に主張が強い感じがしますね。
