この記事では、ビビッドで目立つ無料の配色パターンを80個紹介いたします。
それでは、紹介していきます！
配色パターン
カラーコード : #0041B2 #712EFF #EE6CFF #FA36FF
配色パターン
カラーコード : #00586A #FF1D04 #FF6145 #E1E1E1
配色パターン
カラーコード : #005B54 #00A598 #05FFF4 #7ED2FF
配色パターン
カラーコード : #008DF1 #F2BDFF #C5FF78 #B1EF00
配色パターン
カラーコード : #00B217 #2EFFD9 #6CC6FF #369FFF
配色パターン
カラーコード : #00ED9D #FFCBAE #FF525E #FF13BD
配色パターン
カラーコード : #0D17FF #5E63FF #F32FFF #A20090
配色パターン
カラーコード : #12095E #F31212 #12A0B4 #F9C200
配色パターン
カラーコード : #1229FF #7B61FF #FF84F2 #FF40AE
配色パターン
カラーコード : #16F100 #BDEBFF #FF7882 #EF003B
配色パターン
カラーコード : #1807C1 #B042E7 #EB13D8 #DF0784
配色パターン
カラーコード : #1CD6E2 #A5F2D6 #FFF6A4 #EB127C
配色パターン
カラーコード : #1E3E92 #3244D3 #6C8AF6 #C7A5FF
配色パターン
カラーコード : #1E9285 #32CAD3 #6CF6EE #A5CEFF
配色パターン
カラーコード : #227EFF #5AFFEE #7CFE78 #FFF583
配色パターン
カラーコード : #22FF35 #BCFF5A #FEB778 #FF83CA
配色パターン
カラーコード : #236A00 #9A04FF #BE45FF #E1E1E1
配色パターン
カラーコード : #28ADFF #36FF48 #CBE300 #805601
配色パターン
カラーコード : #2D0FFF #003E8E #009ACD #00F7CE
配色パターン
カラーコード : #2E1F60 #F31224 #FAE8D4 #FBD400
配色パターン
カラーコード : #3385F8 #5064FB #E9AA47 #F6855C
配色パターン
カラーコード : #3843F0 #F4F2FE #ED7EF5 #D344E8
配色パターン
カラーコード : #41FF28 #FFAD36 #E3005A #80016A
配色パターン
カラーコード : #4377FF #0C09FF #6900DF #9E00A8
配色パターン
カラーコード : #4B1E92 #8B32D3 #A96CF6 #FFA5FA
配色パターン
カラーコード : #50C6FA #69F671 #1AF4D5 #D8E223
配色パターン
カラーコード : #570060 #750082 #990042 #CD0014
配色パターン
カラーコード : #5783FF #FF7FEC #1230FF #3BF7FF
配色パターン
カラーコード : #5B0007 #A5000C #FF050F #FFAB7E
配色パターン
カラーコード : #602700 #823400 #8E9900 #7BCD00
配色パターン
カラーコード : #619BEF #09F7FA #41D3B0 #DBF1CF
配色パターン
カラーコード : #6E1FFF #B229FF #F89EFF #FF44C4
配色パターン
カラーコード : #7AE0C9 #FAF7E7 #F31280 #FFF8A3
配色パターン
カラーコード : #7BC3FA #53D8B6 #96EA9B #F3E1B8
配色パターン
カラーコード : #7CE2FF #29FFBF #9E971A #973900
配色パターン
カラーコード : #8212F3 #FA06DD #FD0073 #FF690D
配色パターン
カラーコード : #921E2B #D33B32 #F66C74 #FFD6A5
配色パターン
カラーコード : #921E78 #D33295 #F66CCF #FFA5B0
配色パターン
カラーコード : #92721E #D3C032 #F6D86C #DDFFA5
配色パターン
カラーコード : #A0FF7C #D2FF29 #9E1A62 #840097
配色パターン
カラーコード : #AC0067 #FF0952 #FFC09A #FFE626
配色パターン
カラーコード : #B2009B #FF2E54 #FFA56C #FF9536
配色パターン
カラーコード : #B4EDFF #C2C2C2 #E1EC7B #AFE800
配色パターン
カラーコード : #B8D0F7 #776FE7 #D97FEE #F15AAE
配色パターン
カラーコード : #B8F7C0 #6FE7B3 #7FCBEE #5A62F1
配色パターン
カラーコード : #BAF5FF #67DAFF #004AF6 #0A0062
配色パターン
カラーコード : #C5ED00 #F3AEFF #9C52FF #1347FF
配色パターン
カラーコード : #C7FFB4 #C2C2C2 #EC7BA8 #E8003B
配色パターン
カラーコード : #D3C1FF #AF94FC #8A69FA #6239F6
配色パターン
カラーコード : #D850FA #69A7F6 #691AF4 #23E28B
配色パターン
カラーコード : #DB00F1 #FFD1BD #78FFF5 #00EFB4
配色パターン
カラーコード : #E0FF0F #8E5000 #CD3200 #F70029
配色パターン
カラーコード : #E6BAFF #D867FF #F600C4 #620027
配色パターン
カラーコード : #EC1291 #C20C73 #D8E4EE #9CB2C4
配色パターン
カラーコード : #ECECEC #3E3E3E #E31062 #F9A90C
配色パターン
カラーコード : #EF61E3 #8309FA #6741D3 #CFECF1
配色パターン
カラーコード : #EFB461 #FA0B09 #D34164 #E5CFF1
配色パターン
カラーコード : #F16300 #CAFFBD #B178FF #3D00EF
配色パターン
カラーコード : #F17BFA #7453D8 #96BBEA #B8F3C4
配色パターン
カラーコード : #F1F1F1 #FFA550 #FF4355 #FF2EAB
配色パターン
カラーコード : #F31212 #FA9B06 #F2FD00 #2AFF0D
配色パターン
カラーコード : #F31283 #1F579E #1C94C6 #DCECF7
配色パターン
カラーコード : #F46CFF #E03BFF #3A58FF #006DF3
配色パターン
カラーコード : #F75398 #FFFC81 #F4164E #E13BF8
配色パターン
カラーコード : #F7B8EF #E76FA3 #EEA27F #F1E85A
配色パターン
カラーコード : #F7DFB8 #DFE76F #94EE7F #5AF19D
配色パターン
カラーコード : #F833E7 #FB50B9 #47E959 #7FF65C
配色パターン
カラーコード : #F8A533 #FBE750 #4786E9 #5CCDF6
配色パターン
カラーコード : #FA0056 #F757A1 #EC71A5 #FFFFFF
配色パターン
カラーコード : #FA8350 #F669EE #F41A38 #2C23E2
配色パターン
カラーコード : #FAB27B #D85374 #EA96E4 #B8C9F3
配色パターン
カラーコード : #FF0D90 #FF5EB4 #FF8B2F #A26100
配色パターン
カラーコード : #FF0F68 #8E0084 #9900CD #5300F7
配色パターン
カラーコード : #FF22EB #9C5AFF #78BFFE #83FFB8
配色パターン
カラーコード : #FF2AA9 #E60089 #FFB85D #FF5A2F
配色パターン
カラーコード : #FF67C5 #96A3FF #2734FF #009DE8
配色パターン
カラーコード : #FF7A28 #FF36ED #1700E3 #012B80
配色パターン
カラーコード : #FF997C #FF2968 #1A209E #005E97
配色パターン
カラーコード : #FFA322 #FF5A6A #FA78FE #838CFF
配色パターン
カラーコード : #FFC4BA #FF8C67 #F6AB00 #586200
配色パターン
カラーコード : #FFC6B4 #C2C2C2 #867BEC #3800E8
配色パターン
カラーコード : #FFCAB7 #F30091 #FF1FA5 #9F005F
配色パターン
カラーコード : #FFCB43 #FCFF09 #75DF00 #09A800
配色パターン
カラーコード : #FFD169 #FF5127 #FF1D22 #E9004B
配色パターン
カラーコード : #FFD7ED #CD006F #AE0052 #662BFF
配色パターン
カラーコード : #FFE712 #E4FF61 #84FF90 #40FF91
配色パターン
カラーコード : #FFFDD7 #CDC300 #A8AE00 #FF2B59
まとめ
以上、ビビッドな配色パターン見本80選でした。配色パターンは全て当サイトオリジナルのものなので、デザインやイラストなどにご自由にお使いください。
デザインにおいて配色は、少ない色数で良い印象を与えるほど洗練されたものになります。特にWebデザインやポスターデザインなどにおいて、使う色数が多すぎると、どうしてもまとまりのない印象になってしまうので、配色に自身がない場合は2色～5色程度にすることをおすすめします。
それでは、最後までご閲覧いただき誠にありがとうございました。