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

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

PCCSというものをご存知でしょうか?
PCCSとはPractical Color Coordinate System=日本色研配色体系の略称です。
PCCSは、財団法人日本色彩研究所によって開発されたもので、配色を考えるうえで非常に役立つ表色系もといツールです。
日本で出版されている配色本の多くのが、このPCCSを利用して組み立てられています。
ところが、このPCCSを実際にWEBやグラフィックで利用しようとすると、とたんに使えなくなります。
なぜかというと、CMYK、RGBとの互換性がないためです
たとえば、ここに配色本では定評のある「配色&カラーデザイン ~プロに学ぶ、一生枯れない永久不滅テクニック~ (デザインラボ)」がありますが、前半はPCCSを使った配色が随所に出てきます。
しかし、ここにはCMYK、RGBの情報は一切ありません!
従って、PhotoshopやIllustrator、InDesignなどグラフィックソフトで、PCCSをもとにした配色を活用しようとしても、本を見ながら作成した近似値でしか利用できないのです。
近似値といっても、まあ、見た目ですけどね。
しかし、これは時間がかかります。面倒です。
できれば、CMYK、RGB、欲を言えば、簡単に利用できるHEXがあれば、いいなあと常々思っていました。
そこで、自分のへの活用も含めて、PCCS・CMYK・RGB・HEX値対応表を作成してみました。
たとえば、V2とV8という同一トーン配色の場合、今回作成した対応表をご利用いただければ、
V2 = #d82e20 RGB(205,45,71) CMYK(6, 92, 64, 0)
V8 = #d29b00 RGB(233,195,0) CMYK(9, 28, 97, 0)
ということがわかります。
これで実践に移すことができます。
これは私個人にとってはとても使えるわけです。
みなさんはいかがでしょうか。
ただし、お断りしておきますが、ここに出ている数値は、あくまでも近似値です。
財団法人日本色彩研究所が発表しているものではありません。
ご理解のほどよろしくお願いします。

photo credit: blmiers2 via photopin cc

PCCS・CMYK・RGB・HEX値対応表

v1
#a1122e
RGB(182,30,85)
CMYK(21, 97, 52, 0)

v2
#d82e20
RGB(205,45,71)
CMYK(6, 92, 64, 0)

v3
#d53205
RGB(217,66,58)
CMYK(0, 86, 74, 0)

v4
#dc4400
RGB(230,89,34)
CMYK(0, 78, 85, 0)

v5
#d96000
RGB(235,123,18)
CMYK(0, 65, 89, 0)

v6
#e78400
RGB(239,154,11)
CMYK(0, 51, 93, 0)

v7
#e89e00
RGB(237,179,0)
CMYK(1, 38, 96, 0)

v8
#d29b00
RGB(233,195,0)
CMYK(9, 28, 97, 0)

v9
#b08900
RGB(207,188,4)
CMYK(24, 25, 100, 0)

v10
#b4af00
RGB(167,184,0)
CMYK(46, 17, 100, 0)

v11
#679d1c
RGB(88,166,29)
CMYK(79, 10, 100, 0)

v12
#1d751a
RGB(15,153,93)
CMYK(97, 12, 86, 0)

v13
#2b6d3f
RGB(0,143,111)
CMYK(98, 22, 72, 0)

v14
#167d5f
RGB(3,133,123)
CMYK(99, 31, 60, 0)

v15
#005453
RGB(1,124,138)
CMYK(99, 39, 47, 0)

v16
#135e6c
RGB(6,115,143)
CMYK(99, 46, 40, 0)

v17
#00607e
RGB(4,102,143)
CMYK(100, 56, 34, 0)

v18
#006dab
RGB(16,93,163)
CMYK(100, 63, 14, 0)

v19
#00649f
RGB(20,84,162)
CMYK(100, 70, 11, 0)

v20
#3d5099
RGB(80,74,158)
CMYK(80, 78, 2, 0)

v21
#624f9e
RGB(110,63,147)
CMYK(64, 86, 5, 0)

v22
#7c4598
RGB(126,55,136)
CMYK(55, 90, 12, 0)

v23
#7d3d74
RGB(141,45,122)
CMYK(46, 94, 22, 0)

v24
#7b2444
RGB(170,45,106)
CMYK(29, 94, 36, 0)

dp2
#89001d
RGB(163,28,56)
CMYK(32, 100, 80, 1)

dp4
#9d330d
RGB(168,59,29)
CMYK(30, 90, 100, 1)

dp6
#aa5900
RGB(178,107,3)
CMYK(28, 67, 100, 0)

dp8
#a77700
RGB(175,145,14)
CMYK(35, 45, 100, 0)

dp10
#818000
RGB(128,143,29)
CMYK(61, 36, 100, 0)

dp12
#a2bfb5
RGB(0,111,66)
CMYK(100, 44, 100, 6)

dp14
#0a4b36
RGB(0,102,99)
CMYK(100, 51, 66, 9)

dp16
#00393b
RGB(0,82,102)
CMYK(100, 66, 54, 12)

dp18
#002c3f
RGB(0,58,110)
CMYK(100, 88, 48, 6)

dp20
#202e67
RGB(60,51,121)
CMYK(90, 95, 26, 0)

dp22
#50265a
RGB(95,36,103)
CMYK(71, 100, 37, 2)

dp24
#70002c
RGB(131,28,83)
CMYK(49, 100, 53, 4)

dk2
#4c1315
RGB(103,40,51)
CMYK(52, 95, 78, 28)

dk4
#642d16
RGB(115,52,41)
CMYK(49, 90, 96, 23)

dk6
#834f19
RGB(119,75,28)
CMYK(51, 75, 100, 19)

dk8
#785b29
RGB(114,94,30)
CMYK(57, 62, 100, 16)

dk10
#6d6e26
RGB(81,90,31)
CMYK(74, 57, 100, 24)

dk12
#284f2e
RGB(34,81,57)
CMYK(97, 56, 92, 30)

dk14
#052b18
RGB(7,69,68)
CMYK(100, 64, 72, 34)

dk16
#d8c6a4
RGB(7,68,55)
CMYK(100, 61, 85, 40)

dk18
#0b3741
RGB(16,51,81)
CMYK(100, 87, 57, 26)

dk20
#0b1628
RGB(48,45,79)
CMYK(91, 94, 52, 25)

dk22
#331f2e
RGB(66,39,70)
CMYK(77, 95, 55, 31)

dk24
#5b2d33
RGB(95,44,69)
CMYK(61, 93, 61, 24)

p2+
#e8bfbe
RGB(233,184,184)
CMYK(1, 38, 19, 0)

p4+
#dcb2a0
RGB(233,186,170)
CMYK(2, 36, 28, 0)

p6+
#e0be9e
RGB(239,204,170)
CMYK(2, 27, 34, 0)

p8+
#d8c8a5
RGB(239,224,181)
CMYK(7, 14, 34, 0)

p10+
#c2b88f
RGB(216,213,168)
CMYK(19, 14, 40, 0)

p12+
#a4bf9d
RGB(165,206,182)
CMYK(48, 4, 36, 0)

p14+
#a5cbba
RGB(158,205,201)
CMYK(51, 4, 27, 0)

p16+
#add6d4
RGB(165,202,215)
CMYK(46, 9, 17, 0)

p18+
#a9b4c9
RGB(168,183,205)
CMYK(42, 23, 13, 0)

p20+
#aba7bf
RGB(183,179,204)
CMYK(32, 30, 10, 0)

p22+
#b8a9c2
RGB(196,175,196)
CMYK(24, 35, 11, 0)

p24+
#ceb2c2
RGB(222,187,198)
CMYK(9, 34, 12, 0)

p2
#c7babd
RGB(227,210,209)
CMYK(10, 21, 14, 0)

p4
#d3c1bf
RGB(230,210,204)
CMYK(8, 22, 17, 0)

p6
#f3ead5
RGB(243,224,203)
CMYK(2, 16, 21, 0)

p8
#e0d5bc
RGB(236,227,196)
CMYK(9, 12, 27, 0)

p10
#cfccac
RGB(227,230,195)
CMYK(15, 7, 30, 0)

p12
#b8cab2
RGB(194,221,201)
CMYK(34, 3, 27, 0)

p14
#adc5b6
RGB(189,221,214)
CMYK(37, 2, 21, 0)

p16
#bcced3
RGB(196,218,223)
CMYK(31, 7, 13, 0)

p18
#c4c7c7
RGB(191,201,210)
CMYK(31, 16, 14, 0)

p20
#939099
RGB(198,199,210)
CMYK(26, 20, 12, 0)

p22
#9f969d
RGB(205,197,206)
CMYK(21, 23, 13, 0)

p24
#c7b9be
RGB(225,210,214)
CMYK(11, 20, 11, 0)

lt2+
#c584b0
RGB(242,140,142)
CMYK(0, 59, 31, 0)

lt4+
#e0916e
RGB(255,158,125)
CMYK(0, 52, 44, 0)

lt6+
#d7964f
RGB(252,184,105)
CMYK(0, 39, 60, 0)

lt8+
#dab359
RGB(237,210,103)
CMYK(8, 21, 69, 0)

lt10+
#b6a53a
RGB(202,202,97)
CMYK(29, 16, 74, 0)

lt12+
#7cb46d
RGB(115,200,156)
CMYK(69, 0, 53, 0)

lt14+
#52966e
RGB(63,171,164)
CMYK(85, 6, 46, 0)

lt16+
#65a09e
RGB(82,166,191)
CMYK(79, 16, 27, 0)

lt18+
#557da2
RGB(101,145,192)
CMYK(72, 35, 14, 0)

lt20+
#8280b1
RGB(142,135,190)
CMYK(51, 49, 4, 0)

lt22+
#a17daf
RGB(172,126,174)
CMYK(33, 59, 8, 0)

lt24+
#c5848a
RGB(217,130,149)
CMYK(5, 62, 25, 0)

lt2
#d49a94
RGB(242,168,165)
CMYK(0, 47, 25, 0)

lt4
#d4a68e
RGB(253,183,160)
CMYK(0, 41, 31, 0)

lt6
#e7d49d
RGB(254,205,152)
CMYK(0, 29, 41, 0)

lt8
#d3bb76
RGB(248,227,141)
CMYK(3, 14, 53, 0)

lt10
#c5c375
RGB(212,220,139)
CMYK(25, 8, 57, 0)

lt12
#9aba88
RGB(153,214,172)
CMYK(54, 0, 45, 0)

lt14
#89b681
RGB(125,202,191)
CMYK(65, 0, 36, 0)

lt16
#8ab9b3
RGB(119,184,200)
CMYK(66, 10, 25, 0)

lt18
#748d9f
RGB(130,165,197)
CMYK(60, 27, 17, 0)

lt20
#9a9cb6
RGB(156,158,197)
CMYK(45, 37, 9, 0)

lt22
#9d8ca5
RGB(181,151,185)
CMYK(30, 46, 11, 0)

lt24
#c6a1aa
RGB(216,157,174)
CMYK(9, 49, 17, 0)

b2
#ca705c
RGB(235,105,110)
CMYK(0, 73, 44, 0)

b4
#db8046
RGB(247,126,83)
CMYK(0, 65, 62, 0)

b6
#e6a23a
RGB(252,169,54)
CMYK(0, 46, 80, 0)

b8
#e4ba21
RGB(247,212,49)
CMYK(3, 21, 88, 0)

b10
#c2bd21
RGB(182,197,43)
CMYK(40, 12, 99, 0)

b12
#69aa43
RGB(66,182,119)
CMYK(84, 0, 72, 0)

b14
#449266
RGB(35,165,155)
CMYK(92, 7, 51, 0)

b16
#367374
RGB(31,148,174)
CMYK(93, 23, 33, 0)

b18
#286f9e
RGB(37,128,189)
CMYK(92, 40, 13, 0)

b20
#5f6ba6
RGB(114,115,185)
CMYK(65, 57, 1, 0)

b22
#a170bb
RGB(158, 100, 165)
CMYK(40, 70, 4, 0)

b24
#cc778e
RGB(204,101,139)
CMYK(11, 74, 23, 0)

sf2
#c88876
RGB(199,128,127)
CMYK(16, 61, 40, 0)

sf4
#cd8a66
RGB(215,143,120)
CMYK(8, 55, 48, 0)

sf6
#ca9759
RGB(216,163,105)
CMYK(11, 44, 62, 0)

sf8
#b4ab5a
RGB(208,186,106)
CMYK(21, 28, 67, 0)

sf10
#a89e45
RGB(171,179,105)
CMYK(42, 23, 70, 0)

sf12
#8ebb77
RGB(116,174,137)
CMYK(69, 12, 57, 0)

sf14
#83c788
RGB(83,181,153)
CMYK(80, 0, 53, 0)

sf16
#517874
RGB(80,145,162)
CMYK(80, 30, 36, 0)

sf18
#657c89
RGB(91,125,158)
CMYK(76, 46, 29, 0)

sf20
#7682bd
RGB(117,118,157)
CMYK(63, 55, 23, 0)

sf22
#8270a5
RGB(142,111,146)
CMYK(49, 63, 25, 0)

sf24
#b97f82
RGB(177,118,137)
CMYK(29, 63, 32, 0)

s2
#b33026
RGB(194,61,75)
CMYK(14, 89, 63, 0)

s4
#be430b
RGB(201,84,45)
CMYK(11, 81, 88, 0)

s6
#cd7700
RGB(223,143,21)
CMYK(3, 55, 97, 0)

s8
#c19200
RGB(220,185,6)
CMYK(15, 31, 99, 0)

s10
#9a9100
RGB(155,170,23)
CMYK(51, 23, 100, 0)

s12
#317724
RGB(14,140,87)
CMYK(99, 23, 89, 0)

s14
#236d52
RGB(17,122,115)
CMYK(100, 40, 62, 1)

s16
#205960
RGB(25,111,135)
CMYK(99, 49, 43, 1)

s18
#005178
RGB(26,90,148)
CMYK(99, 66, 23, 0)

s20
#4b5598
RGB(80,76,150)
CMYK(80, 78, 11, 0)

s22
#733d7f
RGB(121,60,130)
CMYK(58, 89, 19, 0)

s24
#a33e58
RGB(160,58,104)
CMYK(35, 90, 41, 0)

d2
#b05241
RGB(181,89,90)
CMYK(24, 78, 58, 0)

d4
#8f471a
RGB(173,103,82)
CMYK(30, 70, 68, 0)

d6
#a76a1f
RGB(177,124,69)
CMYK(30, 59, 81, 0)

d8
#a77b1d
RGB(169,146,69)
CMYK(38, 44, 85, 0)

d10
#99a021
RGB(132,141,69)
CMYK(58, 39, 90, 0)

d12
#557535
RGB(79,133,100)
CMYK(82, 36, 73, 0)

d14
#225a43
RGB(42,122,117)
CMYK(95, 41, 60, 1)

d16
#075158
RGB(35,105,123)
CMYK(97, 53, 49, 2)

d18
#133c4f
RGB(50,88,123)
CMYK(93, 67, 40, 2)

d20
#472c48
RGB(82,81,122)
CMYK(79, 75, 36, 1)

d22
#654567
RGB(106,73,111)
CMYK(66, 82, 40, 2)

d24
#93535a
RGB(137,78,100)
CMYK(49, 81, 50, 1)

ltg2
#ae938e
RGB(189,169,168)
CMYK(27, 36, 28, 0)

ltg4
#af9387
RGB(191,169,162)
CMYK(26, 36, 32, 0)

ltg6
#cbb09a
RGB(203,184,166)
CMYK(21, 30, 33, 0)

ltg8
#c3af8e
RGB(196,187,159)
CMYK(26, 26, 39, 0)

ltg10
#9c9273
RGB(187,190,160)
CMYK(33, 21, 40, 0)

ltg12
#8e9d79
RGB(155,180,162)
CMYK(49, 19, 40, 0)

ltg14
#8ea493
RGB(150,180,175)
CMYK(52, 19, 33, 0)

ltg16
#93a29e
RGB(155,178,183)
CMYK(49, 22, 27, 0)

ltg18
#8b9194
RGB(152,162,173)
CMYK(48, 32, 26, 0)

ltg20
#9b9793
RGB(160,160,172)
CMYK(43, 35, 25, 0)

ltg22
#988b8a
RGB(168,158,169)
CMYK(38, 38, 25, 0)

ltg24
#af9a97
RGB(186,169,173)
CMYK(29, 36, 25, 0)

g2
#6f5340
RGB(114,90,90)
CMYK(59, 68, 60, 9)

g4
#7a5d35
RGB(115,90,85)
CMYK(58, 68, 63, 11)

g6
#836540
RGB(126,106,90)
CMYK(55, 60, 65, 5)

g8
#866b3a
RGB(118,109,86)
CMYK(59, 57, 70, 7)

g10
#766e3d
RGB(108,112,89)
CMYK(66, 53, 69, 6)

g12
#586739
RGB(82,101,88)
CMYK(77, 55, 68, 12)

g14
#526650
RGB(76,101,99)
CMYK(81, 56, 60, 9)

g16
#405141
RGB(78,100,106)
CMYK(80, 58, 55, 7)

g18
#414740
RGB(75,86,99)
CMYK(80, 66, 54, 11)

g20
#615d5c
RGB(84,83,100)
CMYK(75, 70, 51, 10)

g22
#524641
RGB(94,80,96)
CMYK(70, 73, 52, 11)

g24
#6f5642
RGB(112,90,97)
CMYK(61, 69, 55, 7)

dkg2
#341f15
RGB(62,44,47)
CMYK(70, 82, 73, 49)

dkg4
#3e2c24
RGB(62,45,43)
CMYK(69, 80, 77, 51)

dkg6
#403321
RGB(72,59,49)
CMYK(68, 73, 80, 42)

dkg8
#42361c
RGB(67,61,47)
CMYK(71, 70, 83, 43)

dkg10
#302a15
RGB(60,63,50)
CMYK(77, 67, 82, 43)

dkg12
#2d2e24
RGB(42,51,45)
CMYK(87, 76, 69, 46)

dkg14
#262b22
RGB(38,51,51)
CMYK(89, 73, 74, 50)

dkg16
#31362c
RGB(38,51,56)
CMYK(90, 76, 69, 46)

dkg18
#232a26
RGB(33,41,51)
CMYK(91, 83, 68, 51)

dkg20
#252323
RGB(40,38,52)
CMYK(87, 87, 65, 50)

dkg22
#241a1a
RGB(47,36,49)
CMYK(80, 88, 67, 52)

dkg24
#35241f
RGB(60,44,51)
CMYK(73, 83, 69, 48)

W
#e9eaea
RGB(241,241,241)
CMYK(7, 5, 5, 0)

Gy9.0
#e3e3e3
RGB(227,227,227)
CMYK(13, 10, 10, 0)

Gy8.5
#d5d5d5
RGB(213,213,213)
CMYK(19, 14, 14, 0)

Gy8.0
#c8c8c8
RGB(200,200,200)
CMYK(25, 19, 18, 0)

Gy7.5
#bbbbbb
RGB(187,187,187)
CMYK(30, 24, 23, 0)

Gy7.0
#adadad
RGB(173,173,173)
CMYK(37, 29, 28, 0)

Gy6.5
#a0a0a0
RGB(160,160,160)
CMYK(42, 34, 32, 0)

Gy6.0
#939393
RGB(147,147,147)
CMYK(48, 39, 37, 0)

Gy5.5
#868686
RGB(134,134,134)
CMYK(54, 45, 42, 0)

Gy5.0
#797979
RGB(121,121,121)
CMYK(60, 51, 48, 1)

Gy4.5
#6d6d6d
RGB(109,109,109)
CMYK(65, 57, 54, 3)

Gy4.0
#606060
RGB(96,96,96)
CMYK(69, 61, 58, 9)

Gy3.5
#545454
RGB(84,84,84)
CMYK(73, 65, 62, 18)

Gy3.0
#484848
RGB(72,72,72)
CMYK(75, 69, 66, 28)

Gy2.5
#3c3c3c
RGB(60,60,60)
CMYK(78, 72, 70, 40)

Gy2.0
#313131
RGB(49,49,49)
CMYK(80, 75, 75, 50)

Bk
#252525
RGB(37,37,37)
CMYK(83, 79, 77, 61)

トレンドカラー(流行色)で参考になる書籍

古典的ですが、しっかりした知識を手に入れるという意味でも書籍は有効な手段ではないでしょうか。

配色&カラーデザイン ~プロに学ぶ、一生枯れない永久不滅テクニック~ (デザインラボ)


配色を学ぶには今、もっとも定評がある本。わかりやすいです。
本書前半に出てくるPCCSの配色も、当ブログの対応表をお使いいただければ問題なし!

カラー・インデックス〈2〉


1500種類もの配色見本が掲載されています。文庫本サイズなので、持ち歩いてパラパラめくり、アイディアを醸成するには最適。

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

  • 0
  • 1
  • 6
  • 8

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

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

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

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

記事を読む

2017年春夏の流行色・トレンドカラー! 国際見本市SpinExpo発表の流行色・トレンドカラーをCMYK/RGB/HEXでご紹介

2017年春夏の流行色・トレンドカラー! 国際見本市SpinExpo発表の流行色・トレンドカラーをCMYK/RGB/HEXでご紹介

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

記事を読む

トレンドカラー(流行色)をご紹介!2013年秋冬のトレンドカラーはこれ

デザインするとき、どんな色にするか迷うことってないですか? クライアントから明確な指示があればいい

記事を読む

2015年秋冬の流行色・トレンドカラーをCMYK/RGB/HEXでご紹介!国際見本市SpinExpo発表の流行色・トレンドカラー

2015年秋冬の流行色・トレンドカラーをCMYK/RGB/HEXでご紹介!国際見本市SpinExpo発表の流行色・トレンドカラー

SpinExpoが2015年秋冬の流行色・トレンドカラーを発表しましたので、いち早くご紹介します!

記事を読む

2016年春夏の流行色・トレンドカラーをCMYK/RGB/HEXでご紹介!国際見本市SpinExpo発表の流行色・トレンドカラー

2016年春夏の流行色・トレンドカラーをCMYK/RGB/HEXでご紹介!国際見本市SpinExpo発表の流行色・トレンドカラー

SpinExpoが2016年春夏の流行色・トレンドカラーを発表しましたので、CMYK/RGB/HEX

記事を読む

PANTONE color to the year 2015はMarsalaに!過去のPANTONE color to the yearのクイズも

PANTONE color to the year 2015はMarsalaに!過去のPANTONE color to the yearのクイズも

PANTONE color to the year 2015はMarsalaって色に決まりました。

記事を読む

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

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

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

記事を読む

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

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

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

記事を読む

この配色は美しい!ウェス・アンダーソンの映像美を支える配色/カラーパレットを解析した「Wes Anderson Palettes」

類まれなセンスで映画をつくるウェス・アンダーソン監督。 その独特な感性で表現される世界観は多くの人

記事を読む

配色が苦手な人必見!違和感のある配色を良い感じのカラーパレットに直してくれる「Cohesive Colors」

配色が苦手な人必見!違和感のある配色を良い感じのカラーパレットに直してくれる「Cohesive Colors」

配色が苦手でも、まとまりのある良い感じのカラーパレットに直してくれるサービスをご紹介します。 便利

記事を読む