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



黄・イエロー系をベースに、5色で組んだ配色20パターンを紹介。



yellow 1

1

__ #edd634 / rgb(237,214,52)
__ #efa92a / rgb(239,169,42)
__ #ffa103 / rgb(255,161,3)
__ #f9d64b / rgb(249,214,75)
__ #e3c700 / rgb(227,199,0)





yellow 2

2

__ #fffacd / rgb(255,250,205)
__ #fceabb / rgb(252,234,187)
__ #edb918 / rgb(237,185,24)
__ #e3ab80 / rgb(227,171,128)
__ #ffcc00 / rgb(255,204,0)





yellow 3

3

__ #f2b33d / rgb(242,179,61)
__ #d3b95e / rgb(211,185,94)
__ #f7c147 / rgb(247,193,71)
__ #b7771d / rgb(183,119,29)
__ #f4d500 / rgb(244,213,0)





yellow 4

4

__ #b9824d / rgb(185,130,77)
__ #f5dcbe / rgb(245,220,190)
__ #d3bca5 / rgb(211,188,165)
__ #c09a5e / rgb(192,154,94)
__ #eadd36 / rgb(234,221,54)





yellow 5

5

__ #eedead / rgb(238,222,173)
__ #f7ca79 / rgb(247,202,121)
__ #be850f / rgb(190,133,15)
__ #f4d75c / rgb(244,215,92)
__ #fdd200 / rgb(253,210,0)





yellow 6

6

__ #ece1b9 / rgb(236,225,185)
__ #efe9d1 / rgb(239,233,209)
__ #ebe5c6 / rgb(235,229,198)
__ #be850f / rgb(190,133,15)
__ #f9d4ad / rgb(249,212,173)





yellow 7

7

__ #f1e6ab / rgb(241,230,171)
__ #e6ce84 / rgb(230,206,132)
__ #ffeb58 / rgb(255,235,88)
__ #eec063 / rgb(238,192,99)
__ #f8d5a5 / rgb(248,213,165)





yellow 8

8

__ #ffcc00 / rgb(255,204,0)
__ #e9d0a5 / rgb(233,208,165)
__ #ffff99 / rgb(255,255,153)
__ #ffbb00 / rgb(255,187,0)
__ #d7ad10 / rgb(215,173,16)





yellow 9

9

__ #fdce00 / rgb(253,206,0)
__ #f5b674 / rgb(245,182,116)
__ #e6b577 / rgb(230,181,119)
__ #ffbf11 / rgb(255,191,17)
__ #ffa822 / rgb(255,168,34)





yellow 10

10

__ #fec34c / rgb(254,195,76)
__ #e3c700 / rgb(227,199,0)
__ #f4e1b1 / rgb(244,225,177)
__ #dc915b / rgb(220,145,91)
__ #d3b95e / rgb(211,185,94)





yellow 11

11

__ #ffd700 / rgb(255,215,0)
__ #ffff66 / rgb(255,255,102)
__ #f8d5a5 / rgb(248,213,165)
__ #c09a5e / rgb(192,154,94)
__ #f8a900 / rgb(248,169,0)





yellow 12

12

__ #f8d28b / rgb(248,210,139)
__ #e9d0a5 / rgb(233,208,165)
__ #cc9933 / rgb(204,153,51)
__ #dca541 / rgb(220,165,65)
__ #f4d500 / rgb(244,213,0)





yellow 13

13

__ #fbd31c / rgb(251,211,28)
__ #d9b300 / rgb(217,179,0)
__ #fad26a / rgb(250,210,106)
__ #eec063 / rgb(238,192,99)
__ #ebe4b8 / rgb(235,228,184)





yellow 14

14

__ #edd60e / rgb(237,214,14)
__ #b59012 / rgb(181,144,18)
__ #ecdf2b / rgb(236,223,43)
__ #ffef20 / rgb(255,239,32)
__ #edae00 / rgb(237,174,0)





yellow 15

15

__ #ece1b9 / rgb(236,225,185)
__ #f1df64 / rgb(241,223,100)
__ #db913d / rgb(219,145,61)
__ #f7c147 / rgb(247,193,71)
__ #d9ca00 / rgb(217,202,0)





yellow 16

16

__ #daa520 / rgb(218,165,32)
__ #ffff99 / rgb(255,255,153)
__ #f9d4ad / rgb(249,212,173)
__ #efe9d1 / rgb(239,233,209)
__ #fdd700 / rgb(253,215,0)





yellow 17

17

__ #dbc266 / rgb(219,194,102)
__ #dc915b / rgb(220,145,91)
__ #f9f06f / rgb(249,240,111)
__ #e4c987 / rgb(228,201,135)
__ #f5bc55 / rgb(245,188,85)





yellow 18

18

__ #d88b57 / rgb(216,139,87)
__ #d3bca5 / rgb(211,188,165)
__ #ffef20 / rgb(255,239,32)
__ #fbd246 / rgb(251,210,70)
__ #f6cf2b / rgb(246,207,43)





yellow 19

19

__ #fdd800 / rgb(253,216,0)
__ #cc9900 / rgb(204,153,0)
__ #e4de31 / rgb(228,222,49)
__ #ece130 / rgb(236,225,48)
__ #ffcc33 / rgb(255,204,51)





yellow 20

20

__ #fdd200 / rgb(253,210,0)
__ #ffffcc / rgb(255,255,204)
__ #fec34c / rgb(254,195,76)
__ #eadd36 / rgb(234,221,54)
__ #d9b300 / rgb(217,179,0)