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



緑・グリーン系をベースに、5色で組んだ配色20パターンを紹介。



green color pattern 1

1

__ #669933 / rgb(102,153,51)
__ #00a37e / rgb(0,163,126)
__ #66cc00 / rgb(102,204,0)
__ #99ff99 / rgb(153,255,153)
__ #29905e / rgb(41,144,94)





green color pattern 2

2

__ #c0d136 / rgb(192,209,54)
__ #d1e08a / rgb(209,224,138)
__ #666600 / rgb(102,102,0)
__ #cae3bf / rgb(202,227,191)
__ #414b22 / rgb(65,75,34)





green color pattern 3

3

__ #ada584 / rgb(173,165,132)
__ #4a593d / rgb(74,89,61)
__ #b4bbab / rgb(180,187,171)
__ #a5d5bf / rgb(165,213,191)
__ #90bb86 / rgb(144,187,134)





green color pattern 4

4

__ #9bd4a3 / rgb(155,212,163)
__ #c1d21f / rgb(193,210,31)
__ #336666 / rgb(51,102,102)
__ #83823d / rgb(131,130,61)
__ #869b8a / rgb(134,155,138)





green color pattern 5

5

__ #89983b / rgb(137,152,59)
__ #008054 / rgb(0,128,84)
__ #00ac73 / rgb(0,172,115)
__ #008446 / rgb(0,132,70)
__ #00ff33 / rgb(0,255,51)





green color pattern 6

6

__ #00483a / rgb(0,72,58)
__ #73c11d / rgb(115,193,29)
__ #003333 / rgb(0,51,51)
__ #4a827d / rgb(74,130,125)
__ #006d56 / rgb(0,109,86)





green color pattern 7

7

__ #007c64 / rgb(0,124,100)
__ #bce1cf / rgb(188,225,207)
__ #939650 / rgb(147,150,80)
__ #32540a / rgb(50,84,10)
__ #4a593d / rgb(74,89,61)





green color pattern 8

8

__ #6a8655 / rgb(106,134,85)
__ #227223 / rgb(34,114,35)
__ #63c7be / rgb(99,199,190)
__ #33ff66 / rgb(51,255,102)
__ #006581 / rgb(0,101,129)





green color pattern 9

9

__ #3f7955 / rgb(63,121,85)
__ #c0ca00 / rgb(192,202,0)
__ #6f8d1b / rgb(111,141,27)
__ #7e9b8d / rgb(126,155,141)
__ #a5c264 / rgb(165,194,100)





green color pattern 10

10

__ #009966 / rgb(0,153,102)
__ #387948 / rgb(56,121,72)
__ #71b9b0 / rgb(113,185,176)
__ #709365 / rgb(112,147,101)
__ #2b907a / rgb(43,144,122)





green color pattern 11

11

__ #6a8655 / rgb(106,134,85)
__ #339900 / rgb(51,153,0)
__ #5a6846 / rgb(90,104,70)
__ #b59012 / rgb(181,144,18)
__ #86c166 / rgb(134,193,102)





green color pattern 12

12

__ #5b7e52 / rgb(91,126,82)
__ #c3cab5 / rgb(195,202,181)
__ #4f9272 / rgb(79,146,114)
__ #00533e / rgb(0,83,62)
__ #575322 / rgb(87,83,34)





green color pattern 13

13

__ #006633 / rgb(0,102,51)
__ #009966 / rgb(0,153,102)
__ #064739 / rgb(6,71,57)
__ #b6c067 / rgb(182,192,103)
__ #007b50 / rgb(0,123,80)





green color pattern 14

14

__ #66684d / rgb(102,104,77)
__ #387948 / rgb(56,121,72)
__ #003333 / rgb(0,51,51)
__ #66cc99 / rgb(102,204,153)
__ #3cb371 / rgb(60,179,113)





green color pattern 15

15

__ #c0e8e2 / rgb(192,232,226)
__ #52c4c5 / rgb(82,196,197)
__ #20604f / rgb(32,96,79)
__ #8cb2a3 / rgb(140,178,163)
__ #00ac73 / rgb(0,172,115)





green color pattern 16

16

__ #7fb000 / rgb(127,176,0)
__ #375f20 / rgb(55,95,32)
__ #00ff66 / rgb(0,255,102)
__ #004e2d / rgb(0,78,45)
__ #627842 / rgb(98,120,66)





green color pattern 17

17

__ #008092 / rgb(0,128,146)
__ #8f9830 / rgb(143,152,48)
__ #174d29 / rgb(23,77,41)
__ #98fb98 / rgb(152,251,152)
__ #92b65d / rgb(146,182,93)





green color pattern 18

18

__ #00ac73 / rgb(0,172,115)
__ #63c7be / rgb(99,199,190)
__ #bdd1ae / rgb(189,209,174)
__ #73c11d / rgb(115,193,29)
__ #414b22 / rgb(65,75,34)





green color pattern 19

19

__ #556b2f / rgb(85,107,47)
__ #009b77 / rgb(0,155,119)
__ #33ff99 / rgb(51,255,153)
__ #4a593d / rgb(74,89,61)
__ #00483a / rgb(0,72,58)





green color pattern 20

20

__ #666600 / rgb(102,102,0)
__ #3baf75 / rgb(59,175,117)
__ #bce1cf / rgb(188,225,207)
__ #aacf7c / rgb(170,207,124)
__ #626855 / rgb(98,104,85)