原色で目立つ、ビビッドな配色パターン80選

原色で目立つ、ビビッドな配色パターン80選

この記事では、ビビッドで目立つ無料の配色パターンを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色程度にすることをおすすめします。

それでは、最後までご閲覧いただき誠にありがとうございました。

コメントを残す

メールアドレスが公開されることはありません。