個人的に役立ったデザイン素材やTips、WEBサービス、役立つグッズ、あれやこれやをご紹介

流行色(トレンドカラー)で差をつけよう!日本流行色協会(JAFCA)発表の2014年秋冬トレンドカラー情報

流行色(トレンドカラー)で差をつけよう!日本流行色協会(JAFCA)発表の2014年秋冬トレンドカラー情報

日本流行色協会(JAFCA)が2014年秋冬のトレンドカラーを発表しましたのでご紹介します。
JAFCAは、レディスウェア、メンズウェア、プロダクト&インテリアの3テーマでトレンドカラーを発表しています。
それぞれにまたテーマが細かく設定されていて、カラーパレットがあります。
カラーパレットは一般の方々や新聞紙上でも発表されているので、ご覧にはなれますが、RGBやCMYKといった利用するうえで便利な値が掲載されていません。
もっと詳しいカラーパレット情報(色情報だけでなく、配色なども含めて)をご覧になりたいときには、日本流行色協会(JAFCA)の会員になる必要があります。

私は当然、会員ではないため、このままでは利用するうえで非常に不便です。
そこで当ブログではJAFCAの情報をもとしたカラー近似値をHEX,RGB,CMYKでご紹介したいと思います。

デザインするうえで色選びに悩んでいるときはもちろんですが、今後の商品開発やデザインの方向性などを決定する際のいい判断材料になるかと思います。
色選びのご参考になれば幸いです。

photo credit: Camdiluv ♥ via photopin cc

2014年秋冬JAFCAレディスウェア

1.Tint(ティント/消え入るような)

#f0f1e9
rgb(240, 241, 233)
CMYK(8, 5, 10, 0)

#f6e8e2
rgb(246, 232, 226)
CMYK(2, 13, 10, 0)

#dcdacc
rgb(220, 218, 204)
CMYK(16, 13, 21, 0)

#c9c8c4
rgb(201, 200, 196)
CMYK(24, 19, 21, 0)

#d7e7e1
rgb(215, 231, 225)
CMYK(22, 3, 15, 0)

#c0cbca
rgb(192, 203, 202)
CMYK(31, 15, 20, 0)

#b0b6ab
rgb(176, 182, 171)
CMYK(37, 24, 32, 0)

#939284
rgb(147, 146, 132)
CMYK(49, 40, 47, 0)

2.Nocturne(ノクターン/夜想曲)

#b86039
rgb(184, 96, 57)
CMYK(23, 74, 84, 0)

#ac9b7b
rgb(172, 155, 123)
CMYK(36, 40, 53, 0)

#5b6274
rgb(91, 98, 116)
CMYK(74, 62, 46, 3)

#5b6940
rgb(91, 105, 64)
CMYK(73, 52, 90, 13)

#695e51
rgb(104, 93, 81)
CMYK(63, 63, 68, 13)

#515b72
rgb(81, 91, 114)
CMYK(79, 66, 45, 4)

#5c332b
rgb(92, 51, 43)
CMYK(56, 85, 86, 36)

#b28168
rgb(178, 129, 104)
CMYK(29, 57, 58, 0)

3.Allegro(アレグロ/早く活発なテンポの曲)

#c94237
rgb(201, 66, 55)
CMYK(9, 87, 79, 0)

#6e9fb3
rgb(110, 159, 179)
CMYK(69, 26, 28, 0)

#7f4b8e
rgb(127, 75, 142)
CMYK(55, 81, 14, 0)

#e3b240
rgb(227, 178, 64)
CMYK(8, 37, 83, 0)

#324185
rgb(50, 65, 133)
CMYK(94, 85, 21, 0)

#cc5882
rgb(204, 88, 130)
CMYK(10, 79, 26, 0)

#afa67f
rgb(175, 166, 127)
CMYK(36, 33, 54, 0)

2014年秋冬JAFCAメンズウェア

Stage1 Black Base 第1ステージ 黒ベース

#7a8080
rgb(122, 128, 128)
CMYK(60, 47, 46, 0)

#473938
rgb(71, 57, 56)
CMYK(69, 76, 72, 40)

#353631
rgb(53, 54, 49)
CMYK(78, 72, 77, 48)

#393f3e
rgb(57, 63, 62)
CMYK(81, 70, 70, 38)

#57554a
rgb(87, 85, 74)
CMYK(70, 63, 71, 21)

Stage2 Charcoal Base 第2ステージ チャコールベース

#613a55
rgb(97, 58, 85)
CMYK(65, 87, 53, 15)

#414a43
rgb(65, 74, 67)
CMYK(79, 65, 72, 31)

#e3db50
rgb(227, 219, 80)
CMYK(18, 11, 81, 0)

#d7cc95
rgb(215, 204, 149)
CMYK(19, 20, 48, 0)

#618b52
rgb(97, 139, 82)
CMYK(75, 34, 86, 0)

#343731
rgb(52, 55, 49)
CMYK(79, 71, 78, 48)

#a6302b
rgb(166, 48, 43)
CMYK(31, 95, 95, 1)

#313b59
rgb(49, 59, 89)
CMYK(92, 84, 51, 18)

#dddaca
rgb(221, 218, 202)
CMYK(16, 13, 22, 0)

Stage3 Camel Base 第3ステージ キャメルベース

#31322d
rgb(49, 50, 45)
CMYK(79, 73, 78, 52)

#29384d
rgb(41, 56, 77)
CMYK(94, 82, 57, 29)

#a18b88
rgb(161, 139, 136)
CMYK(40, 48, 41, 0)

#c2b78e
rgb(194, 183, 142)
CMYK(28, 27, 48, 0)

#eceae3
rgb(236, 234, 227)
CMYK(9, 8, 11, 0)

#d2d2ce
rgb(210, 210, 206)
CMYK(21, 15, 17, 0)

#9aa2a4
rgb(154, 162, 164)
CMYK(47, 32, 32, 0)

Stage4 Navy Base 第4ステージ ネイビーベース

#bb5272
rgb(187, 82, 114)
CMYK(20, 81, 38, 0)

#d67e62
rgb(214, 126, 98)
CMYK(6, 63, 58, 0)

#dde69a
rgb(221, 230, 154)
CMYK(21, 4, 51, 0)

#49577d
rgb(73, 87, 125)
CMYK(83, 70, 36, 1)

#414347
rgb(65, 67, 71)
CMYK(79, 71, 64, 31)

#6c735a
rgb(108, 115, 90)
CMYK(66, 51, 70, 5)

#9db9bb
rgb(157, 185, 187)
CMYK(48, 18, 27, 0)

#c7c7c5
rgb(199, 199, 197)
CMYK(25, 19, 20, 0)

2014年秋冬JAFCAプロダクツ&インテリア

1.ゆだねのかたち

#e8d8cd
rgb(232, 216, 205)
CMYK(8, 18, 18, 0)

#b98e63
rgb(185, 142, 99)
CMYK(27, 50, 64, 0)

#817c6a
rgb(129, 124, 106)
CMYK(56, 50, 59, 1)

#505450
rgb(80, 84, 80)
CMYK(74, 64, 66, 20)

#ccd2d5
rgb(204, 210, 213)
CMYK(24, 14, 14, 0)

#bebdaa
rgb(190, 189, 170)
CMYK(30, 23, 34, 0)

#b0b1a9
rgb(176, 177, 169)
CMYK(36, 27, 32, 0)

#7e8f8b
rgb(126, 143, 139)
CMYK(60, 38, 44, 0)

2.ちからのかたち

#f5e1d6
rgb(245, 225, 214)
CMYK(1, 17, 14, 0)

#e0d38f
rgb(224, 211, 143)
CMYK(15, 17, 52, 0)

#d6aac1
rgb(214, 170, 193)
CMYK(12, 42, 10, 0)

#40453e
rgb(64, 69, 62)
CMYK(78, 67, 74, 35)

#d47662
rgb(212, 118, 98)
CMYK(6, 67, 56, 0)

#8a2947
rgb(138, 41, 71)
CMYK(44, 97, 66, 6)

3.まとめのかたち

#b6be40
rgb(182, 190, 64)
CMYK(39, 17, 91, 0)

#dad9d5
rgb(218, 217, 213)
CMYK(17, 13, 15, 0)

#506178
rgb(80, 97, 120)
CMYK(80, 62, 44, 2)

#ffffff
rgb(255, 255, 255)
CMYK(0, 0, 0, 0)

#3a3744
rgb(58, 55, 68)
CMYK(81, 80, 61, 35)

#8f712d
rgb(143, 113, 45)
CMYK(48, 58, 100, 4)

#414145
rgb(65, 65, 69)
CMYK(78, 72, 65, 32)

4.かわりのかたち

#48539e
rgb(72, 83, 158)
CMYK(83, 73, 8, 0)

#e6e76b
rgb(230, 231, 107)
CMYK(18, 4, 71, 0)

#838ab9
rgb(131, 138, 185)
CMYK(57, 45, 11, 0)

#292c2d
rgb(41, 44, 45)
CMYK(84, 77, 74, 55)

#6aa3c6
rgb(106, 163, 198)
CMYK(71, 23, 18, 0)

#b86da5
rgb(184, 109, 165)
CMYK(25, 69, 7, 0)

#dee8ad
rgb(222, 232, 173)
CMYK(20, 3, 42, 0)

#a42834
rgb(164, 40, 52)
CMYK(32, 98, 86, 1)

一般社団法人日本流行色協会 JAFCA

そもそも流行色(トレンドカラー)はどうやって決まるのか

そもそも流行色(トレンドカラー)って、誰が決めているのでしょうか。
流行色を決定しているのはインターカラー(国際流行色委員会)という団体です。
この団体が2年前に流行色を決定してファッションカラー情報として発表します。
その半年後には、インターカラーから日本流行色協会をはじめとする団体へ情報が届きます。
この情報をもとにレディスファッション、メンズファッション、プロダクト&インテリアのテーマ別カラーパレットが作成・発表されます。色情報だけでなく、具体的な配色も教えてくれます(正規会員のみ)。
私たち一般人(非会員)がこのカラー情報を知るのは、さらに1年後になります。遅い…。
WEB業界やグラフィック系は、比較的制作期間が短いので、十分間に合いそうですが、
プロダクト系はもっと早い段階で知っておくほうがいいかもしれませんね。
図にすると以下のような流れです。
流行色(トレンドカラー)で差をつけよう!日本流行色協会(JAFCA)発表の2014年秋冬トレンドカラー情報

インターカラーやJAFCAだけじゃない流行色(トレンドカラー)

流行色(トレンドカラー)というと、インターカラーやJAFCAだけと思われる方もいらっしゃいますが、そうでもありません。
国際見本市やPANTONEも、独自のトレンドカラーを発表しています。
メーカーやマーケティング会社が作成した流行色もあります。
トレンドを掴むには、一つだけの情報に的を絞らず、複数のソースを参考にした上で制作に臨みたいものですね。

お役に立てましたら、以下どれでも結構のですので、ポチリと……。

  • 0
  • 0
  • 0
  • 1

Amazonアソシエイト・プログラム規約による記載
当サイトはamazon.co.jpを宣伝しリンクすることによってサイトが紹介料を獲得できる手段を提供することを目的に設定されたアフィリエイト宣伝プログラムである、Amazonアソシエイト・プログラムの参加者です。

この記事を読んだ人はこんな記事も読んでいます

CSSグラデーションを簡単につくれる「Colorful CSS Gradient Background Generator」

CSSグラデーションを簡単につくれる「Colorful CSS Gradient Background Generator」

CSSグラデーションは手軽に実装できるし、メンテナンスも簡単だし、とっても便利ですよね。 ただ、自

記事を読む

2014年春ファッションにおける流行色・トレンドカラー by PANTONE

インクの大手メーカーPANTONEカラーが定期的に流行色・トレンドカラーを発表しているのをご存知でし

記事を読む

美しいCSSグラデーションをランダムにつくってくれる「Random CSS Gradient Generator」

美しいCSSグラデーションをランダムにつくってくれる「Random CSS Gradient Generator」

ズボラな自分に最適なCSSグラデーション作成ツールがあったので、ご紹介します。 グラデーションを自

記事を読む

配色に便利なPCCSをCMYK、RGB、HEX値に変換:PCCS・CMYK・RGB・HEX値対応表

PCCSというものをご存知でしょうか? PCCSとはPractical Color Coordin

記事を読む

Illustratorでもっておくと便利!無料のグラデーションスウォッチ1000+

Illustratorのデザインでもっておくと便利なもの。 パターン、ブラシ、そして、今回ご紹介す

記事を読む

アクセシビリティを考慮したWEBカラーと配色例90がすぐにわかる「Colors」

アクセシビリティを考慮したWEBカラーと配色例90がすぐにわかる「Colors」

アクセシビリティを考慮したWEBカラーと配色例90がすぐにわかるWEBサイトをご紹介します。 WE

記事を読む

トレンドカラー・流行色2014年春夏:SpinExpoが発表!

SpinExpoが2014年春夏の流行色・トレンドカラーを発表しましたので、ご紹介します。 Spi

記事を読む

Photoshopで明度を調節できるスクリプト「Lighten / Darken Color」で効率アップ

Photoshopでカラーの明度を簡単に調節できるスクリプトが便利だったのでご紹介。 「描画色」を

記事を読む

CSS3の色名147色(RGB、HEX16進カラーコード併記)

CSS3の色名147色(RGB、HEX16進カラーコード併記)

CSS3になって、色名についても大幅に選択肢が増えたのをご存知でしょうか。 私は知りませんでした。

記事を読む

デザイナー必携!現場でトレンドとなっているカラーのPhotoshop&Illustrator用無料スウォッチ1600+

デザイナー必携!現場でトレンドとなっているカラーのPhotoshop&Illustrator用無料スウォッチ1600+

現場でトレンドとなっているカラーのPhotoshop&Illustrator用無料スウォッチをコレク

記事を読む