スタジオジブリ作品の配色カラーパレットを調べてみた

いつの時代も愛される、日本を代表するアニメーション制作「スタジオジブリ」。

作品ごとに使われている、美しい配色カラーパレットを調べてみました。

千と千尋の神隠しにはじまり、となりのトトロや魔女の宅急便、思い出のマーニーなど15作品をピックアップ。

静止画より色を抽出し、5色の配色カラーパレットでご紹介。

各配色カラーパレットは、Webサイトなどで利用できる、HEXカラーコードをコピペできます。

配色カラーパレットの調べかた

配色カラーパレットの参考素材

配色を調べるのに利用した素材は、アニメ制作会社「スタジオジブリ」が提供している、公式の作品写真から。

常識の範囲内で無料で利用でき、24作品、合計1178枚から選ぶことができます。

配色の抽出ツール

静止画から色を抽出する作業には、アドビの配色ツールAdobe Colorを使用。

だれでも無料で利用できる配色ツールのひとつ。

写真をドラッグで放り込むだけで、色の整った5色のカラーパレットを、瞬時に表示してくれます。

「カラフル」や「ブライト」、「ミュート」など、雰囲気に合わせて、異なる配色から選ぶことが可能。

ジブリ作品の配色カラーパレットを本気で調べてみた。

千と千尋の神隠し

#485F73

#BBD979

#F2D680

#D9A87E

#BF6565

千と千尋の神隠し no.1

#6078BF

#5483BF

#F2B263

#F2BBA7

#BF6860

千と千尋の神隠し no.2

#3DADD9

#41BDD9

#708C6C

#BFAC95

#592D2D

千と千尋の神隠し no.3

#A7B3D9

#3A668C

#F2C53D

#D9C7A7

#A6826D

千と千尋の神隠し no.4

#BF4E58

#F2778D

#8FD9D9

#83A637

#A68965

千と千尋の神隠し no.5

#F24B59

#9FD996

#D99F6C

#BF5D39

#A62929

千と千尋の神隠し no.6

#BACDD9

#03738C

#62C3D9

#5BA675

#8BD990

千と千尋の神隠し no.7

出典元 : 千と千尋の神隠し – スタジオジブリ

目次に戻る👆

ハウルの動く城

#F2A03D

#F2C6A0

#F27B35

#8C4A32

#F24C3D

ハウルの動く城 no.1

#F285AD

#4B7BA6

#73A65B

#F2CEA2

#D95252

ハウルの動く城 no.2

#1F92BF

#15A0BF

#B4D2D9

#598C4A

#F26D6D

ハウルの動く城 no.3

出典元 : ハウルの動く城 – スタジオジブリ

目次に戻る👆

借りぐらしのアリエッティ

#592E3E

#8C5172

#598C51

#F2E3B3

#D9B97E

借りぐらしのアリエッティ no.1

#7B8C3E

#667339

#A68965

#A66946

#403430

借りぐらしのアリエッティ no.2

#F27294

#62B7D9

#87A644

#D9933D

#A65A2E

借りぐらしのアリエッティ no.3

出典元 : 借りぐらしのアリエッティ – スタジオジブリ

目次に戻る👆

風立ちぬ

#BF637C

#025373

#026873

#BAD9D6

#F2C3A7

風立ちぬ no.1

#A64657

#C5D3D9

#049DBF

#6D8C4D

#90BF49

風立ちぬ no.2

#E4EBF2

#049DBF

#AEBFBC

#77BF56

#F2D49B

風立ちぬ no.3

出典元 : 風立ちぬ – スタジオジブリ

目次に戻る👆

コクリコ坂から

#55B3D9

#3D403A

#BFBFBA

#A67E4E

#A65151

コクリコ坂 no.1

#B4A8BF

#5A798C

#65734F

#87A644

#D9AE96

コクリコ坂 no.2

#6B7332

#A1A61F

#F2B872

#F2D680

#A66C4B

コクリコ坂 no.3

出典元 : コクリコ坂から – スタジオジブリ

目次に戻る👆

天空の城ラピュタ

#184059

#206473

#3BBFBF

#04D9B2

#D9CDB8

天空の城ラピュタ no.1

#D95B66

#3A758C

#358C54

#F2AB6D

#D9AB9A

天空の城ラピュタ no.2

天空の城ラピュタ配色カラーパレット

#D96690

#145873

#8C622E

#D9A679

#F28972

天空の城ラピュタ no.3

出典元 : 天空の城ラピュタ – スタジオジブリ

目次に戻る👆

魔女の宅急便

#BF2C47

#1F7343

#A4A698

#D9B2A9

#BF2C2C

魔女の宅急便 no.1

#A60321

#BF3480

#707366

#D9AC59

#BFA59B

魔女の宅急便 no.2

#BF0436

#085A8C

#308C61

#D99B66

#A69C94

魔女の宅急便 no.3

出典元 : 魔女の宅急便 – スタジオジブリ

目次に戻る👆

思い出のマーニー

#3F6F8C

#6E8C6D

#F2B279

#F2C6AC

#A65656

思い出のマーニー no.1

#A66F89

#6F7DA6

#F2D272

#F2B680

#F29580

思い出のマーニー no.2

#6BA641

#F2CA7E

#F2A477

#F2C7AE

#A64037

思い出のマーニー no.3

出典元 : 思い出のマーニー – スタジオジブリ

目次に戻る👆

耳をすませば

#124E73

#0E593E

#87A668

#BFB895

#A68568

耳をすませば no.1

#A63C45

#BF6071

#60AEBF

#D9AD77

#BFAE99

耳をすませば no.2

#0E4473

#103240

#047F8C

#B6F2E7

#23D9A5

耳をすませば no.3

出典元 : 耳をすませば – スタジオジブリ

目次に戻る👆

もののけ姫

#D95B66

#8C4250

#1B3059

#A65424

#D9ACA3

もののけ姫 no.1

#192026

#03738C

#273D40

#1F736A

#A3BFAF

もののけ姫 no.2

#463859

#46788C

#67730E

#8C7607

#BF8069

もののけ姫 no.3

出典元 : もののけ姫 – スタジオジブリ

目次に戻る👆

風の谷のナウシカ

#730220

#03658C

#03738C

#B7BFA4

#D9BB84

風の谷のナウシカ no.1

#314A59

#222623

#BFBAA8

#BF9445

#A68358

風の谷のナウシカ no.2

#A64456

#0367A6

#659AA6

#A65D03

#D9A796

風の谷のナウシカ no.3

出典元 : 風の谷のナウシカ – スタジオジブリ

目次に戻る👆

崖の上のポニョ

#3F8EBF

#4E9FBF

#B0BFBA

#86A641

#D9CA7E

崖の上のポニョ no.1

#F2778D

#27828C

#D9B341

#F2CEAE

#D9765F

崖の上のポニョ no.2

#98bf5e

#F2C438

#F2b138

#D99D8F

#F27272

崖の上のポニョ no.3

出典元 : 崖の上のポニョ – スタジオジブリ

目次に戻る👆

紅の豚

#025373

#022026

#4E7317

#A62103

#BF6060

紅の豚 no.1

#03658C

#03588C

#7AA66D

#D6D9CC

#D3D9A7

紅の豚 no.2

#BF4968

#03658C

#03738C

#D9C68F

#BFAE9F

紅の豚 no.3

出典元 : 紅の豚 – スタジオジブリ

目次に戻る👆

となりのトトロ

#D9919E

#5377A6

#D9BE6C

#BF926B

#735246

となりのトトロ no.1

#9E8DA6

#0B9EBF

#358C6C

#D9B36C

#D97059

となりのトトロ no.2

#D97993

#0F7BA6

#468C5F

#D97F11

#D9AE96

となりのトトロ no.3

出典元 : となりのトトロ- スタジオジブリ

目次に戻る👆

海がきこえる

#035941

#D9843B

#D9C8BF

#BF3434

#BF8A8A

海がきこえる no.1

#D9738E

#203959

#F29F05

#D96704

#8C593B

海がきこえる no.2

#2C4373

#D9B54A

#BF925A

#D9C6BA

#BF4E4E

海がきこえる no.3

出典元 : 海がきこえる – スタジオジブリ

目次に戻る👆

Adobe Colorで作成した配色カラーパレットは、CCライブラリにその場で、保存。

フォトショップなどのアドビアプリから、配色を直接利用でき、めちゃくちゃ便利。

また、ライブラリごと他の人に共有するのも、メールアドレス入力して、ポン。

「この色じゃないんだ」問題を、さらりと解決できてしまいます。

配色えらびにいつも時間がかかってしまう、そんなひとにこそオススメしたい、Adobeツール連携活用テクニック。

すべてのAdobeツールを無料で利用できる、1週間のお試しトライアルもあるので、気軽に一度試してみてはいかがでしょう。