Go to Qiita Advent Calendar 2024 Top
LoginSignup
8
8

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 1 year has passed since last update.

@lookman(lookman)

PCCSトーン(24色)のカラーコードとRGB値の一覧

Last updated at Posted at 2021-11-03

#概要
PCCSトーンのカラーコードとRGB値の一覧を、自分用に作りました。12色はあっても24色はビビッドトーン以外はなかなかなかったので、備忘録として残しておきます。
参考にしたのはここ( http://blog.livedoor.jp/mtsk44h6-004/archives/4570008.html )の画像。元がjpgなので、多少誤差はありそうです。

#データ
##javascript(カラーコード)

.js
new Map([
	["V",	["#D40045","#EE0026","#FD1A1C","#FE4118","#FF590B","#FF7F00","#FFCC00","#FFE600","#CCE700","#99CF15","#66B82B","#33A23D","#008F62","#008678","#007A87","#055D87","#093F86","#0F218B","#1D1A88","#281285","#340C81","#56007D","#770071","#AF0065"]],
	["b",	["#ED3B6B","#FA344D","#FC3633","#FC4E33","#FF6E2B","#FF9913","#FFCB1F","#FFF231","#CDE52F","#99D02C","#55A73B","#32A65D","#2DA380","#1AA28E","#1FB3B3","#1C86AE","#2B78B0","#396BB0","#5468AD","#6A64AE","#8561AB","#A459AB","#C75BB1","#DF4C93"]],
	["s",	["#B01040","#CA1028","#CC2211","#CC4613","#D45F10","#D97610","#D19711","#CCB914","#B3B514","#8CA114","#41941E","#28853F","#287A52","#297364","#26707B","#205B85","#224A87","#243B8B","#241F86","#3D1C84","#4E2283","#5F2883","#8C1D84","#9A0F50"]],
	["dp",	["#870042","#9D002B","#A20715","#A51200","#A42F03","#A24A02","#A46603","#A48204","#949110","#518517","#307A25","#306F42","#186A53","#025865","#034F69","#04436E","#05426F","#073E74","#152A6B","#232266","#3F1B63","#531560","#690C5C","#75004F"]],
	["lt",	["#EE7296","#FB7482","#FA7272","#FB8071","#FA996F","#FDB56D","#FCD474","#FEF27A","#DDED71","#B3DE6A","#9AD47F","#7FC97E","#72C591","#66C1AF","#66C4C4","#67B1CA","#67A9C9","#689ECA","#7288C2","#817DBA","#9678B8","#B173B6","#C972B6","#E170A4"]],
	["sf",	["#BD576F","#C95F6B","#CF5E5A","#D77957","#D6763A","#D89048","#D29F34","#CCBA4C","#C0B647","#B3B140","#79B055","#66AC78","#5BA37E","#4E9B87","#4E9995","#4F8B96","#4E7592","#516691","#535A90","#5C5791","#77568F","#8B5587","#9E5485","#B05076"]],
	["d",	["#8C355F","#994052","#A6424C","#B24443","#B34D3E","#B25939","#A66E3D","#997F42","#8C8946","#757E47","#678049","#5A814C","#39764D","#2A6A69","#256B75","#1D6283","#204F79","#214275","#2E3A76","#39367B","#493278","#5F3179","#772D7A","#802A69"]],
	["dk",	["#632534","#632A31","#6B2B29","#743526","#6E3D1F","#6B4919","#695018","#6A5B18","#6E6E26","#56561A","#506B3E","#355935","#28523A","#1E4B44","#154D4E","#0E4250","#123B4F","#163450","#222A4E","#312C4C","#3E2E49","#4A304B","#57304B","#643142"]],
	["p",	["#EEAFCE","#FBB4C4","#FAB6B5","#FDCDB7","#FBD8B0","#FEE6AA","#FCF1AF","#FEFFB3","#EEFAB2","#E6F5B0","#D9F6C0","#CCEAC4","#C0EBCD","#B3E2D8","#B4DDDF","#B4D7DD","#B5D2E0","#B3CEE3","#B4C2DD","#B2B6D9","#BCB2D5","#CAB2D6","#DAAFDC","#E4ADD5"]],
	["ltg",	["#C99FB3","#D7A4B5","#D6A9A4","#D7AFA7","#D9B59F","#D8BA96","#D9C098","#D9C69B","#C5CB9B","#AAC09A","#A0BD9E","#9EBCA4","#99BAA7","#92B8AD","#91B8B7","#91AFBA","#92A9B9","#91A4B5","#9199B0","#9191AD","#9C93AE","#A997B1","#B89AB6","#C09FB4"]],
	["g",	["#6B455A","#7D4F5A","#7C575E","#7D5F61","#7E6261","#7C6764","#7C6A5E","#7E6F5A","#72755A","#636F5B","#586E57","#476C5B","#416863","#395B64","#38555D","#384E5C","#38475A","#394158","#353654","#3F3051","#463353","#4A3753","#553857","#5B3A55"]],
	["dkg",	["#3C2D30","#3A2B2E","#3B2B2C","#3A2C2B","#40322F","#463B35","#453B31","#47402C","#42412F","#3E3F31","#2C382A","#24332C","#23342E","#253532","#253535","#283639","#232C33","#212832","#242331","#282530","#2A2730","#2D2A31","#362C34","#392D31"]]
])

##カラーコード
###V-ビビッド・トーン

  1. #D40045
  2. #EE0026
  3. #FD1A1C
  4. #FE4118
  5. #FF590B
  6. #FF7F00
  7. #FFCC00
  8. #FFE600
  9. #CCE700
  10. #99CF15
  11. #66B82B
  12. #33A23D
  13. #008F62
  14. #008678
  15. #007A87
  16. #055D87
  17. #093F86
  18. #0F218B
  19. #1D1A88
  20. #281285
  21. #340C81
  22. #56007D
  23. #770071
  24. #AF0065

###b-ブライト・トーン

  1. #ED3B6B
  2. #FA344D
  3. #FC3633
  4. #FC4E33
  5. #FF6E2B
  6. #FF9913
  7. #FFCB1F
  8. #FFF231
  9. #CDE52F
  10. #99D02C
  11. #55A73B
  12. #32A65D
  13. #2DA380
  14. #1AA28E
  15. #1FB3B3
  16. #1C86AE
  17. #2B78B0
  18. #396BB0
  19. #5468AD
  20. #6A64AE
  21. #8561AB
  22. #A459AB
  23. #C75BB1
  24. #DF4C93

###s-ストロング・トーン

  1. #B01040
  2. #CA1028
  3. #CC2211
  4. #CC4613
  5. #D45F10
  6. #D97610
  7. #D19711
  8. #CCB914
  9. #B3B514
  10. #8CA114
  11. #41941E
  12. #28853F
  13. #287A52
  14. #297364
  15. #26707B
  16. #205B85
  17. #224A87
  18. #243B8B
  19. #241F86
  20. #3D1C84
  21. #4E2283
  22. #5F2883
  23. #8C1D84
  24. #9A0F50

###dp-ディープ・トーン

  1. #870042
  2. #9D002B
  3. #A20715
  4. #A51200
  5. #A42F03
  6. #A24A02
  7. #A46603
  8. #A48204
  9. #949110
  10. #518517
  11. #307A25
  12. #306F42
  13. #186A53
  14. #025865
  15. #034F69
  16. #04436E
  17. #05426F
  18. #073E74
  19. #152A6B
  20. #232266
  21. #3F1B63
  22. #531560
  23. #690C5C
  24. #75004F

###lt-ライト・トーン

  1. #EE7296
  2. #FB7482
  3. #FA7272
  4. #FB8071
  5. #FA996F
  6. #FDB56D
  7. #FCD474
  8. #FEF27A
  9. #DDED71
  10. #B3DE6A
  11. #9AD47F
  12. #7FC97E
  13. #72C591
  14. #66C1AF
  15. #66C4C4
  16. #67B1CA
  17. #67A9C9
  18. #689ECA
  19. #7288C2
  20. #817DBA
  21. #9678B8
  22. #B173B6
  23. #C972B6
  24. #E170A4

###sf-ソフト・トーン

  1. #BD576F
  2. #C95F6B
  3. #CF5E5A
  4. #D77957
  5. #D6763A
  6. #D89048
  7. #D29F34
  8. #CCBA4C
  9. #C0B647
  10. #B3B140
  11. #79B055
  12. #66AC78
  13. #5BA37E
  14. #4E9B87
  15. #4E9995
  16. #4F8B96
  17. #4E7592
  18. #516691
  19. #535A90
  20. #5C5791
  21. #77568F
  22. #8B5587
  23. #9E5485
  24. #B05076

###d-ダル・トーン

  1. #8C355F
  2. #994052
  3. #A6424C
  4. #B24443
  5. #B34D3E
  6. #B25939
  7. #A66E3D
  8. #997F42
  9. #8C8946
  10. #757E47
  11. #678049
  12. #5A814C
  13. #39764D
  14. #2A6A69
  15. #256B75
  16. #1D6283
  17. #204F79
  18. #214275
  19. #2E3A76
  20. #39367B
  21. #493278
  22. #5F3179
  23. #772D7A
  24. #802A69

###dk-ダーク・トーン

  1. #632534
  2. #632A31
  3. #6B2B29
  4. #743526
  5. #6E3D1F
  6. #6B4919
  7. #695018
  8. #6A5B18
  9. #6E6E26
  10. #56561A
  11. #506B3E
  12. #355935
  13. #28523A
  14. #1E4B44
  15. #154D4E
  16. #0E4250
  17. #123B4F
  18. #163450
  19. #222A4E
  20. #312C4C
  21. #3E2E49
  22. #4A304B
  23. #57304B
  24. #643142

###p-ペール・トーン

  1. #EEAFCE
  2. #FBB4C4
  3. #FAB6B5
  4. #FDCDB7
  5. #FBD8B0
  6. #FEE6AA
  7. #FCF1AF
  8. #FEFFB3
  9. #EEFAB2
  10. #E6F5B0
  11. #D9F6C0
  12. #CCEAC4
  13. #C0EBCD
  14. #B3E2D8
  15. #B4DDDF
  16. #B4D7DD
  17. #B5D2E0
  18. #B3CEE3
  19. #B4C2DD
  20. #B2B6D9
  21. #BCB2D5
  22. #CAB2D6
  23. #DAAFDC
  24. #E4ADD5

###ltg-ライトグレイッシュ・トーン

  1. #C99FB3
  2. #D7A4B5
  3. #D6A9A4
  4. #D7AFA7
  5. #D9B59F
  6. #D8BA96
  7. #D9C098
  8. #D9C69B
  9. #C5CB9B
  10. #AAC09A
  11. #A0BD9E
  12. #9EBCA4
  13. #99BAA7
  14. #92B8AD
  15. #91B8B7
  16. #91AFBA
  17. #92A9B9
  18. #91A4B5
  19. #9199B0
  20. #9191AD
  21. #9C93AE
  22. #A997B1
  23. #B89AB6
  24. #C09FB4

###g-グレイッシュ・トーン

  1. #6B455A
  2. #7D4F5A
  3. #7C575E
  4. #7D5F61
  5. #7E6261
  6. #7C6764
  7. #7C6A5E
  8. #7E6F5A
  9. #72755A
  10. #636F5B
  11. #586E57
  12. #476C5B
  13. #416863
  14. #395B64
  15. #38555D
  16. #384E5C
  17. #38475A
  18. #394158
  19. #353654
  20. #3F3051
  21. #463353
  22. #4A3753
  23. #553857
  24. #5B3A55

###dkg-ダークグレイッシュ・トーン

  1. #3C2D30
  2. #3A2B2E
  3. #3B2B2C
  4. #3A2C2B
  5. #40322F
  6. #463B35
  7. #453B31
  8. #47402C
  9. #42412F
  10. #3E3F31
  11. #2C382A
  12. #24332C
  13. #23342E
  14. #253532
  15. #253535
  16. #283639
  17. #232C33
  18. #212832
  19. #242331
  20. #282530
  21. #2A2730
  22. #2D2A31
  23. #362C34
  24. #392D31

##RGB値
###V-ビビッド・トーン

  1. rgb(212, 0, 69)
  2. rgb(238, 0, 38)
  3. rgb(253, 26, 28)
  4. rgb(254, 65, 24)
  5. rgb(255, 89, 11)
  6. rgb(255, 127, 0)
  7. rgb(255, 204, 0)
  8. rgb(255, 230, 0)
  9. rgb(204, 231, 0)
  10. rgb(153, 207, 21)
  11. rgb(102, 184, 43)
  12. rgb(51, 162, 61)
  13. rgb(0, 143, 98)
  14. rgb(0, 134, 120)
  15. rgb(0, 122, 135)
  16. rgb(5, 93, 135)
  17. rgb(9, 63, 134)
  18. rgb(15, 33, 139)
  19. rgb(29, 26, 136)
  20. rgb(40, 18, 133)
  21. rgb(52, 12, 129)
  22. rgb(86, 0, 125)
  23. rgb(119, 0, 113)
  24. rgb(175, 0, 101)

###b-ブライト・トーン

  1. rgb(237, 59, 107)
  2. rgb(250, 52, 77)
  3. rgb(252, 54, 51)
  4. rgb(252, 78, 51)
  5. rgb(255, 110, 43)
  6. rgb(255, 153, 19)
  7. rgb(255, 203, 31)
  8. rgb(255, 242, 49)
  9. rgb(205, 229, 47)
  10. rgb(153, 208, 44)
  11. rgb(85, 167, 59)
  12. rgb(50, 166, 93)
  13. rgb(45, 163, 128)
  14. rgb(26, 162, 142)
  15. rgb(31, 179, 179)
  16. rgb(28, 134, 174)
  17. rgb(43, 120, 176)
  18. rgb(57, 107, 176)
  19. rgb(84, 104, 173)
  20. rgb(106, 100, 174)
  21. rgb(133, 97, 171)
  22. rgb(164, 89, 171)
  23. rgb(199, 91, 177)
  24. rgb(223, 76, 147)

###s-ストロング・トーン

  1. rgb(176, 16, 64)
  2. rgb(202, 16, 40)
  3. rgb(204, 34, 17)
  4. rgb(204, 70, 19)
  5. rgb(212, 95, 16)
  6. rgb(217, 118, 16)
  7. rgb(209, 151, 17)
  8. rgb(204, 185, 20)
  9. rgb(179, 181, 20)
  10. rgb(140, 161, 20)
  11. rgb(65, 148, 30)
  12. rgb(40, 133, 63)
  13. rgb(40, 122, 82)
  14. rgb(41, 115, 100)
  15. rgb(38, 112, 123)
  16. rgb(32, 91, 133)
  17. rgb(34, 74, 135)
  18. rgb(36, 59, 139)
  19. rgb(36, 31, 134)
  20. rgb(61, 28, 132)
  21. rgb(78, 34, 131)
  22. rgb(95, 40, 131)
  23. rgb(140, 29, 132)
  24. rgb(154, 15, 80)

###dp-ディープ・トーン

  1. rgb(135, 0, 66)
  2. rgb(157, 0, 43)
  3. rgb(162, 7, 21)
  4. rgb(165, 18, 0)
  5. rgb(164, 47, 3)
  6. rgb(162, 74, 2)
  7. rgb(164, 102, 3)
  8. rgb(164, 130, 4)
  9. rgb(148, 145, 16)
  10. rgb(81, 133, 23)
  11. rgb(48, 122, 37)
  12. rgb(48, 111, 66)
  13. rgb(24, 106, 83)
  14. rgb(2, 88, 101)
  15. rgb(3, 79, 105)
  16. rgb(4, 67, 110)
  17. rgb(5, 66, 111)
  18. rgb(7, 62, 116)
  19. rgb(21, 42, 107)
  20. rgb(35, 34, 102)
  21. rgb(63, 27, 99)
  22. rgb(83, 21, 96)
  23. rgb(105, 12, 92)
  24. rgb(117, 0, 79)

###lt-ライト・トーン

  1. rgb(238, 114, 150)
  2. rgb(251, 116, 130)
  3. rgb(250, 114, 114)
  4. rgb(251, 128, 113)
  5. rgb(250, 153, 111)
  6. rgb(253, 181, 109)
  7. rgb(252, 212, 116)
  8. rgb(254, 242, 122)
  9. rgb(221, 237, 113)
  10. rgb(179, 222, 106)
  11. rgb(154, 212, 127)
  12. rgb(127, 201, 126)
  13. rgb(114, 197, 145)
  14. rgb(102, 193, 175)
  15. rgb(102, 196, 196)
  16. rgb(103, 177, 202)
  17. rgb(103, 169, 201)
  18. rgb(104, 158, 202)
  19. rgb(114, 136, 194)
  20. rgb(129, 125, 186)
  21. rgb(150, 120, 184)
  22. rgb(177, 115, 182)
  23. rgb(201, 114, 182)
  24. rgb(225, 112, 164)

###sf-ソフト・トーン

  1. rgb(189, 87, 111)
  2. rgb(201, 95, 107)
  3. rgb(207, 94, 90)
  4. rgb(215, 121, 87)
  5. rgb(214, 118, 58)
  6. rgb(216, 144, 72)
  7. rgb(210, 159, 52)
  8. rgb(204, 186, 76)
  9. rgb(192, 182, 71)
  10. rgb(179, 177, 64)
  11. rgb(121, 176, 85)
  12. rgb(102, 172, 120)
  13. rgb(91, 163, 126)
  14. rgb(78, 155, 135)
  15. rgb(78, 153, 149)
  16. rgb(79, 139, 150)
  17. rgb(78, 117, 146)
  18. rgb(81, 102, 145)
  19. rgb(83, 90, 144)
  20. rgb(92, 87, 145)
  21. rgb(119, 86, 143)
  22. rgb(139, 85, 135)
  23. rgb(158, 84, 133)
  24. rgb(176, 80, 118)

###d-ダル・トーン

  1. rgb(140, 53, 95)
  2. rgb(153, 64, 82)
  3. rgb(166, 66, 76)
  4. rgb(178, 68, 67)
  5. rgb(179, 77, 62)
  6. rgb(178, 89, 57)
  7. rgb(166, 110, 61)
  8. rgb(153, 127, 66)
  9. rgb(140, 137, 70)
  10. rgb(117, 126, 71)
  11. rgb(103, 128, 73)
  12. rgb(90, 129, 76)
  13. rgb(57, 118, 77)
  14. rgb(42, 106, 105)
  15. rgb(37, 107, 117)
  16. rgb(29, 98, 131)
  17. rgb(32, 79, 121)
  18. rgb(33, 66, 117)
  19. rgb(46, 58, 118)
  20. rgb(57, 54, 123)
  21. rgb(73, 50, 120)
  22. rgb(95, 49, 121)
  23. rgb(119, 45, 122)
  24. rgb(128, 42, 105)

###dk-ダーク・トーン

  1. rgb(99, 37, 52)
  2. rgb(99, 42, 49)
  3. rgb(107, 43, 41)
  4. rgb(116, 53, 38)
  5. rgb(110, 61, 31)
  6. rgb(107, 73, 25)
  7. rgb(105, 80, 24)
  8. rgb(106, 91, 24)
  9. rgb(110, 110, 38)
  10. rgb(86, 86, 26)
  11. rgb(80, 107, 62)
  12. rgb(53, 89, 53)
  13. rgb(40, 82, 58)
  14. rgb(30, 75, 68)
  15. rgb(21, 77, 78)
  16. rgb(14, 66, 80)
  17. rgb(18, 59, 79)
  18. rgb(22, 52, 80)
  19. rgb(34, 42, 78)
  20. rgb(49, 44, 76)
  21. rgb(62, 46, 73)
  22. rgb(74, 48, 75)
  23. rgb(87, 48, 75)
  24. rgb(100, 49, 66)

###p-ペール・トーン

  1. rgb(238, 175, 206)
  2. rgb(251, 180, 196)
  3. rgb(250, 182, 181)
  4. rgb(253, 205, 183)
  5. rgb(251, 216, 176)
  6. rgb(254, 230, 170)
  7. rgb(252, 241, 175)
  8. rgb(254, 255, 179)
  9. rgb(238, 250, 178)
  10. rgb(230, 245, 176)
  11. rgb(217, 246, 192)
  12. rgb(204, 234, 196)
  13. rgb(192, 235, 205)
  14. rgb(179, 226, 216)
  15. rgb(180, 221, 223)
  16. rgb(180, 215, 221)
  17. rgb(181, 210, 224)
  18. rgb(179, 206, 227)
  19. rgb(180, 194, 221)
  20. rgb(178, 182, 217)
  21. rgb(188, 178, 213)
  22. rgb(202, 178, 214)
  23. rgb(218, 175, 220)
  24. rgb(228, 173, 213)

###ltg-ライトグレイッシュ・トーン

  1. rgb(201, 159, 179)
  2. rgb(215, 164, 181)
  3. rgb(214, 169, 164)
  4. rgb(215, 175, 167)
  5. rgb(217, 181, 159)
  6. rgb(216, 186, 150)
  7. rgb(217, 192, 152)
  8. rgb(217, 198, 155)
  9. rgb(197, 203, 155)
  10. rgb(170, 192, 154)
  11. rgb(160, 189, 158)
  12. rgb(158, 188, 164)
  13. rgb(153, 186, 167)
  14. rgb(146, 184, 173)
  15. rgb(145, 184, 183)
  16. rgb(145, 175, 186)
  17. rgb(146, 169, 185)
  18. rgb(145, 164, 181)
  19. rgb(145, 153, 176)
  20. rgb(145, 145, 173)
  21. rgb(156, 147, 174)
  22. rgb(169, 151, 177)
  23. rgb(184, 154, 182)
  24. rgb(192, 159, 180)

###g-グレイッシュ・トーン

  1. rgb(107, 69, 90)
  2. rgb(125, 79, 90)
  3. rgb(124, 87, 94)
  4. rgb(125, 95, 97)
  5. rgb(126, 98, 97)
  6. rgb(124, 103, 100)
  7. rgb(124, 106, 94)
  8. rgb(126, 111, 90)
  9. rgb(114, 117, 90)
  10. rgb(99, 111, 91)
  11. rgb(88, 110, 87)
  12. rgb(71, 108, 91)
  13. rgb(65, 104, 99)
  14. rgb(57, 91, 100)
  15. rgb(56, 85, 93)
  16. rgb(56, 78, 92)
  17. rgb(56, 71, 90)
  18. rgb(57, 65, 88)
  19. rgb(53, 54, 84)
  20. rgb(63, 48, 81)
  21. rgb(70, 51, 83)
  22. rgb(74, 55, 83)
  23. rgb(85, 56, 87)
  24. rgb(91, 58, 85)

###dkg-ダークグレイッシュ・トーン

  1. rgb(60, 45, 48)
  2. rgb(58, 43, 46)
  3. rgb(59, 43, 44)
  4. rgb(58, 44, 43)
  5. rgb(64, 50, 47)
  6. rgb(70, 59, 53)
  7. rgb(69, 59, 49)
  8. rgb(71, 64, 44)
  9. rgb(66, 65, 47)
  10. rgb(62, 63, 49)
  11. rgb(44, 56, 42)
  12. rgb(36, 51, 44)
  13. rgb(35, 52, 46)
  14. rgb(37, 53, 50)
  15. rgb(37, 53, 53)
  16. rgb(40, 54, 57)
  17. rgb(35, 44, 51)
  18. rgb(33, 40, 50)
  19. rgb(36, 35, 49)
  20. rgb(40, 37, 48)
  21. rgb(42, 39, 48)
  22. rgb(45, 42, 49)
  23. rgb(54, 44, 52)
  24. rgb(57, 45, 49)
8
8
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
Sign upLogin
8
8

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?