ブラック系5色で組んだ配色20パターン(Web カラーコード & RGB 付)



黒・ブラック系をベースに、5色で組んだ配色20パターンを紹介。これまで扱ってきた他の様々な色と同様に、今回も単なる無彩色の組み合わせで終わるのではなく、白・黒・灰色以外の要素も取り入れている。

長々と続いたこのシリーズも一旦はおしまいとする。色相別に25色でまとめた記事の延長として扱っていただければと思う。




black color pattern 1

1

__ #646766 / rgb(100,103,102)
__ #333132 / rgb(51,49,50)
__ #383b35 / rgb(56,59,53)
__ #a2a091 / rgb(162,160,145)
__ #858f8c / rgb(133,143,140)





black color pattern 2

2

__ #302f30 / rgb(48,47,48)
__ #82663a / rgb(130,102,58)
__ #464545 / rgb(70,69,69)
__ #5d6562 / rgb(93,101,98)
__ #000000 / rgb(0,0,0)





black color pattern 3

3

__ #362519 / rgb(54,37,25)
__ #5c4138 / rgb(92,65,56)
__ #3a4861 / rgb(58,72,97)
__ #b5b19b / rgb(181,177,155)
__ #90877c / rgb(144,135,124)





black color pattern 4

4

__ #3a322f / rgb(58,50,47)
__ #313642 / rgb(49,54,66)
__ #91928d / rgb(145,146,141)
__ #665a59 / rgb(102,90,89)
__ #430d12 / rgb(67,13,18)





black color pattern 5

5

__ #c7c2af / rgb(199,194,175)
__ #5e5f62 / rgb(94,95,98)
__ #212222 / rgb(33,34,34)
__ #000001 / rgb(0,0,1)
__ #4b4b50 / rgb(75,75,80)





black color pattern 6

6

__ #252a35 / rgb(37,42,53)
__ #564b4b / rgb(86,75,75)
__ #c7c2af / rgb(199,194,175)
__ #7e8080 / rgb(126,128,128)
__ #b5b19b / rgb(181,177,155)





black color pattern 7

7

__ #000113 / rgb(0,1,19)
__ #969998 / rgb(150,153,152)
__ #343434 / rgb(52,52,52)
__ #173844 / rgb(23,56,68)
__ #81858e / rgb(129,133,142)





black color pattern 8

8

__ #2f3437 / rgb(47,52,55)
__ #422c41 / rgb(66,44,65)
__ #333132 / rgb(51,49,50)
__ #575322 / rgb(87,83,34)
__ #c3c7b0 / rgb(195,199,176)





black color pattern 9

9

__ #212121 / rgb(33,33,33)
__ #343b33 / rgb(52,59,51)
__ #666b6c / rgb(102,107,108)
__ #b5b19b / rgb(181,177,155)
__ #838383 / rgb(131,131,131)





black color pattern 10

10

__ #787e7d / rgb(120,126,125)
__ #3a322f / rgb(58,50,47)
__ #bdc0b7 / rgb(189,192,183)
__ #2b2e2e / rgb(43,46,46)
__ #02010c / rgb(2,1,12)





black color pattern 11

11

__ #010f29 / rgb(1,15,41)
__ #312f2f / rgb(49,47,47)
__ #929c93 / rgb(146,156,147)
__ #483f33 / rgb(72,63,51)
__ #8a8d92 / rgb(138,141,146)





black color pattern 12

12

__ #666b6c / rgb(102,107,108)
__ #343b33 / rgb(52,59,51)
__ #615642 / rgb(97,86,66)
__ #080016 / rgb(8,0,22)
__ #2f3437 / rgb(47,52,55)





black color pattern 13

13

__ #302f2b / rgb(48,47,43)
__ #a2a091 / rgb(162,160,145)
__ #c4b89b / rgb(196,184,155)
__ #473946 / rgb(71,57,70)
__ #330033 / rgb(51,0,51)





black color pattern 14

14

__ #4b474d / rgb(75,71,77)
__ #333132 / rgb(51,49,50)
__ #292934 / rgb(41,41,52)
__ #6a6445 / rgb(106,100,69)
__ #bdc0b7 / rgb(189,192,183)





black color pattern 15

15

__ #787e7d / rgb(120,126,125)
__ #223546 / rgb(34,53,70)
__ #81858e / rgb(129,133,142)
__ #3a322f / rgb(58,50,47)
__ #7b8075 / rgb(123,128,117)





black color pattern 16

16

__ #34312e / rgb(52,49,46)
__ #252a35 / rgb(37,42,53)
__ #343d55 / rgb(52,61,85)
__ #11233d / rgb(17,35,61)
__ #787e7d / rgb(120,126,125)





black color pattern 17

17

__ #585858 / rgb(88,88,88)
__ #808c88 / rgb(128,140,136)
__ #8c8080 / rgb(140,128,128)
__ #330000 / rgb(51,0,0)
__ #564b4b / rgb(86,75,75)





black color pattern 18

18

__ #02010c / rgb(2,1,12)
__ #212121 / rgb(33,33,33)
__ #2a2a32 / rgb(42,42,50)
__ #575322 / rgb(87,83,34)
__ #333300 / rgb(51,51,0)





black color pattern 19

19

__ #330033 / rgb(51,0,51)
__ #473946 / rgb(71,57,70)
__ #414444 / rgb(65,68,68)
__ #767676 / rgb(118,118,118)
__ #3a4861 / rgb(58,72,97)





black color pattern 20

20

__ #000033 / rgb(0,0,51)
__ #343b33 / rgb(52,59,51)
__ #173844 / rgb(23,56,68)
__ #615642 / rgb(97,86,66)
__ #b3b8bb / rgb(179,184,187)