スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
Posted at --年--月--日 | 記事URL | スポンサー広告 | Top↑

色で見る初音ミク 初音ミクのカラーパレットを作ってみた

初音ミクの配色は?

当ブログでは過去に初音ミクに関して何回かエントリーを書いていますが、今回はブログの趣旨に沿って、初音ミクをWeb制作の一観点から考察してみよう、という相当無理のある試みに挑戦。テーマはエントリータイトルにもあるように「配色」です。

単純に多数の画像をサムネイルで見たときに色合いがきれいだと思ったので、どういう配色なのかを確認してみたかったというのがそもそもの思いつきではあるのですが、Webサイト作成における配色に何かしら意味があるかもしれないと思い、せっかくなので書き留めておくことにしました。

以下は公式の絵に使われている色から作ってみたカラーパレット。作るにあたって『COLOURlovers :: Color Trends + Palettes』を真似てみました。

初音ミク7色カラーパレット

初音ミク7色カラーパレット

色は左から順番に以下のとおり。

  • #373b3e
  • #bec8d1
  • #fffeec
  • #c3e5e7
  • #86cecb
  • #137a7f
  • #e12885

初音ミク5色カラーパレット

初音ミク5色カラーパレット

7色から5色に色数をしぼったもの。
色は左から順番に以下のとおり。

  • #373b3e
  • #bec8d1
  • #86cecb
  • #137a7f
  • #e12885

はちゅねミクバージョン

はちゅねミクさん

「はちゅねミク」(上の画像)は初音ミクがデフォルメされたキャラクター。ネギを振り回すことでおなじみとなっています。公式ではないですが、もう1人の初音ミクとして事実上の公式キャラ的な感じでしょうか。こちらでもカラーパレットを作ってみました。

はちゅねミク7色カラーパレット

はちゅねミク7色カラーパレット

色は左から順番に以下のとおり。

  • #2b2b2b
  • #8c97a4
  • #fce6c9
  • #4aa6ac
  • #3c858a
  • #e8b7f2
  • #96297b

はちゅねミク5色カラーパレットその1

はちゅねミク5色カラーパレットその1

7色から5色に色数をしぼったもの。
色は左から順番に以下のとおり。

  • #2b2b2b
  • #8c97a4
  • #fce6c9
  • #4aa6ac
  • #e8b7f2

はちゅねミク5色カラーパレットその2

はちゅねミク5色カラーパレットその2

同じく7色から5色に色数をしぼったもの。その1とは採用したカラーが一部違うだけです。
色は左から順番に以下のとおり。

  • #2b2b2b
  • #8c97a4
  • #4aa6ac
  • #3c858a
  • #96297b

ピックアップする色が違うだけで随分変わりますね…。

おまけ:はちゅねミク用葱パレット

ぶん回されても折れない葱

↑これもカラーパレット化してみました。

葱パレット

色は左から順番に以下のとおり。

  • #65a44d
  • #dbebd6
  • #ebe194
  • #ddc477
  • #d5b75a

単に色を吸い出しただけなんですが、使用されている色がぴったり5色。意外にも白(#FFFFFF)が使われていませんでした。

配色は難しい

実際に描かれている絵はグラデーションがかかっているので、使われている色を全て把握するとなるととんでもない数になりますが、大体の色をピックアップすると大まかな配色が分かる感じでしょうか。いかんせん配色センスも知識もない素人なので、センスや知識のある人が試みればもっとうまいこといくと思います。

「初音ミク」のカラーは全体的に暗めな配色ですが、その部分は明るめの色に向かってグラデーションがかかっていて、絵を見ると暗いイメージは感じないですね。パレットだけ見ると、リボンの部分に使われているピンクというか紫色が他の色に対して一見浮いているように感じますが、ワンポイントとして使われているためなのか違和感も特にありません。むしろお互いに引き立てているようにも見えます。リボンの紫と髪の毛の色のグリーンの関係が反対色に近いからかもしれません。

「はちゅねミク」の方は、グラデーションがかかっていなかったのでパレットは作りやすかったです。肌の色やほっぺたのぐるぐる部分以外は全体的に暗めの色だったのが並べてみるとよく分かります。キャラクターは底抜けに能天気な感じなだけに、イメージとカラーパレットの配色具合に随分ギャップがあるように感じます。ネギはネタでやったんですが、ネギというか「畑」を連想しそうな配色となりました。明るめな配色ですね。はちゅねミクの能天気具合の源泉は、実はネギにあり、といったところでしょうか(無理矢理)。

この考察というか試みが役に立ったかどうかは自分でもさっぱりですが、配色の難しさを改めて痛感。配色センスのある人が本当にうらやましいです。こういうのは勉強でどれだけカバーできるのでしょうか…。

最後に全然話が変わりますが、冒頭のCOLOURloversで検索をしたら、「Miku」というカラーパレットがありました。なんだか春っぽいイメージ。初音ミクとは全然関係ありませんが。他にこんなのがありました。これはもっと関係がない。


#以下 2009/2/2 追記
今までのものをまとめました→VOCALOID カラーパレットまとめ

▼スポンサードリンク

Posted at 2007年11月05日 | 記事URL | デザイン | Trackback(1) | Comment(15) | Top↑
1つ後の記事:【迷惑メール】ルーマニアの色白巫女【spam】
1つ前の記事:色に関する基本的な情報を調べられるオンラインサービス『An On-Line Color Thesaurus』
管理人のみ閲覧できます
このコメントは管理人のみ閲覧できます
【2007/12/05 13:03】 | [ 編集] | page top↑
コメント頂いた方へ
メールを送らせて頂きました。
【2007/12/06 01:56】 URL | 管理人[ 編集] | page top↑
Non Title
カラーパレットにするのも面白いですね~
オシャレな感じだし他人から見てミクとわかりづらいから拡大して壁紙に使わせて頂きますw
【2008/01/13 17:38】 URL | tengu[ 編集] | page top↑
コメントありがとうございます
どうぞご自由にお使いください~。
【2008/01/15 00:38】 URL | 管理人[ 編集] | page top↑
Non Title
Firefox用アドオンとして作ってみました。
画面はこちらのカラーパレットで配色してます。
配布してもよろしいでしょうか?
【2008/03/17 01:44】 URL | hATrayflood[ 編集] | page top↑
Firefoxアドオン配布の件
>hATrayfloodさん
配布は全然問題ないのでOKです。
公開した際には配布場所を教えて頂ければ紹介したいと考えていますので、コメント欄でけっこうですのでご連絡いただければ幸いです。
【2008/03/18 00:13】 URL | 管理人[ 編集] | page top↑
Non Title
ありがとうございます。配布はじめました。
http://rayflood.org/vocaloid/

前回から変更点があるので、スクリーンショットやデモムービー見ていただけると幸いです。
【2008/04/07 01:55】 URL | hATrayflood[ 編集] | page top↑
早速紹介させていただきました
>hATrayflood氏
ご連絡ありがとうございます。
早速インストールして試させていただきました。
これはなかなかいいですね~。

紹介エントリーをアップさせて頂きました。
よろしければご覧ください。

Firefoxをみっくみくにするアドオン『ぼかろFx』
http://smallwebmemo.blog113.fc2.com/blog-entry-246.html
【2008/04/08 01:29】 URL | 管理人[ 編集] | page top↑
ニコニコ動画に投稿した動画のエフェクトに使わせて頂きました
初音ミクのカラーパレットを初音ミクの動画のエフェクトに使わせて頂きました。
http://www.nicovideo.jp/watch/sm4233066
事後報告となってしまい、すみません。
【2008/08/09 17:14】 URL | sohda[ 編集] | page top↑
ご報告ありがとうございます
>sohda氏
わざわざお知らせいただきありがとうございます。
事後報告でも全然問題ありませんので。
【2008/08/09 23:50】 URL | 管理人[ 編集] | page top↑
Non Title
お久しぶりです。
がくぽのカラーパレット作ってみました。
http://piapro.jp/content/kpygehyi3ctdbwld
【2008/09/23 01:16】 URL | hATrayflood[ 編集] | page top↑
がくっぽいどパレット
イラストを見る限りでは淡い感じの青・紫・緑などが強いと思っていましたが、公式サイトの色見本用のイラストを見ると、こんな感じのカラーパレットになりますね。

アクセントになっている暖色系の色が意外に主張が強い感じがしますね。
【2008/09/23 23:13】 URL | 管理人[ 編集] | page top↑
管理人のみ閲覧できます
このコメントは管理人のみ閲覧できます
【2011/05/17 19:37】 | [ 編集] | page top↑
画像利用に関して
>非公開コメント頂いた方

画像ですが、カラーパレットのものに関しては
自由に使っていただいてかまいません。加工もOKです。

記事中にある初音ミク・はちゅねみくの画像のみ、
拾ったものを利用した引用的な使い方で、私が権利者ではないので
こちらからは特に許可・不許可を言うことはできません。
ご自分の責任において使用するかどうかを決めてください。
【2011/05/18 01:45】 URL | 管理人[ 編集] | page top↑
承認待ちコメント
このコメントは管理者の承認待ちです
【2016/03/10 08:51】 | [ 編集] | page top↑














管理者にだけ表示を許可する

トラックバックURL
→http://smallwebmemo.blog113.fc2.com/tb.php/139-64c83803
この記事にトラックバックする(FC2ブログユーザー)
初音ミクのカラーパレット 色で見る初音ミク 初音ミクのカラーパレットを作ってみた 中小企業で働くWeb制作担当者のメモ帳 初音ミク非公式ファンサイト【2007/11/11 02:59】
Home
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。