web配色見本 - myt企画c5 mlo yo ko r241 g226 b240 c90 m65 y40 ko r33 g57 b98 c35 m30 y45 ko...
TRANSCRIPT
ダイナミックで力強いイメージ
キュートなイメージを強調
アダルトでシックな雰囲気
ダイナミックなイメージは、赤のような誘目性の高い、インパクトのあるカラーを用いて演出しよう。また、遠くからでもよく見える視認性の高い配色も大事だ。視認性はコントラストを強調した配色が決め手である
かわいらしさを表現するには、嗟色系の明るく淡い色を用いよう。特にピンク系の色を基調にするとよい。キュートさを強調するには、サブカラーやアクセントカラーとして類似トーンの寒色系の色を使うと効果的だ。
大人っぽい落ち着いたイメージは、深みのある、少し暗めのトーンでまとめることで演出。また、基調色を暖色系にすれば女性的に、寒色系にすれば男性的に、配色のコントラストを高くすると少し若々しい雰囲気になる。
color imageDESIGN
CO M25 YlOO KlOR230 G172 BO
C15 M15 Y25 KOR216 G205 B173
CO MlOO Y95 K40R153 GO B4
color imageDESIGN
C5 MlO YO KOR241 G226 B240
C90 M65 Y40 KOR33 G57 B98
C35 M30 Y45 KOR178 G157 Bl18
color imageDESIGN
C25 MO Y45 KOR191 G228 B138
C80 M95 Y50 KOR57 G12 B65
C40 MlO Y40 K20R123 G154 Bl13
color imageDESIGN
C25 M35 Y50 KOR190 G149 BlO5
C15 M15 Y25 KOR216 G205 B173
C50 M95 Y75 KOR128 G14 B34
color imageDESIGN
C20 M20 Y65 KOR204 G187 B83
C40 M30 Y45 KOR153 G150 Bl17
C50 MlOO YO KlORl16 GI Bl13
color imageDESIGN
C15 MO Y30 KOR217 G240 B176
C25 M20 YlO KOR190 G185 B198
C75 M40 Y20 KOR68 GlO9 B147
color imageDESIGN
C15 M25 Y50 KOR216 G179 Blll
C20 MO YO K30R143 G166 B171
C55 M90 Y75 KORl16 G20 B36
color imageDESIGN
C50 MO Y20 KOR127 G205 B187
CO M65 Y5 KOR246 G92 B163
C5 MO Y15 KOR242 G250 B215
color imageDESIGN
C50 MO Y5 KOR128 G207 B216
CO M40 Y5 KOR249 G155 B193
CO MO YO KOR255 G255 B255
color imageDESIGN
C70 M5 YO KOR78 G179 B211
CO M65 Y30 KOR248 G91 B121
CO MO Y40 KOR255 G255 B153
color imageDESIGN
CO MlO YlO KOR254 G230 B219
CO M5 Y30 KOR255 G242 B174
CO M50 Y15 KOR249 G129 B162
color imageDESIGN
C45 MO Y20 KOR140 G210 B188
CO M50 YO KOR247 G129 B191
CO M5 Y25 KOR255 G242 B186
color imageDESIGN
C5 M60 Y5 KOR234 G102 B168
ClO MO Y15 KOR230 G245 B213
CO M35 Y40 KOR252 G167 B126
color imagecolor imageDESIGN
C25 MO Y15 KOR191 G230 B207
CO MO YO KOR255 G255 B255
CO M65 Y30 KOR249 GlO4 B125
color imageDESIGN
CO MO YO KOR255 G255 B255
CO MO Y60 KOR255 G255 BlO
C60 M80 YO KORlO6 G41 B144
color imageDESIGN
CO M90 Y80 KOR252 G27 B28
CO MO YlOO KOR255 G255 BO
CO MO YO KlOORO GO BO
color imageDESIGN
CO MO YO KlOORO GO BO
CO M90 Y80 KOR252 G27 B28
CO MO YO KOR255 G255 B255
color imageDESIGN
CO MlOO Y20 KOR243 GI BlO2
CO MO YO KlOORO GO BO
CO MO Y80 KOR255 G255 B51
color imageDESIGN
CO M55 Y30 KOR249 Gl17 B130
CO MO YO KOR255 G255 B255
C80 M50 YlOO KCR51 G80 B22
color imageDESIGN
CO M80 YlOO KOR255 G51 BO
CO MO Y80 KOR255 G255 B51
ClOO M65 Y5 KOR13 G56 B143
color imageDESIGNDESIGN
CO MO YO KlOORO GO BO
CO MlO Y65 KOR255 G230 B85
ClO MlOO YlOO KOR230 GO BO
クールなイメージの色構成
スポーティーなイメージの配色
クラシックな雰囲気を演出
冷静で物静かな印象を与えたいときは、寒色系を基調とした配色にしよう。さらに洗練された都会的な雰囲気を強調したいときは、グレイッシュなトーンの使い方が重要。鮮やかな色はアクセントとして小面積で使おう。
配色で躍動感やアクティブなイメージを出したいときは、鮮やかでコントラストの高い配色を心がけよう。フランス国旗のようなトリコロールカラーが効果的だ。また、白色もコントラストを高くするために不可欠である。
伝統的な格調高いイメージを演出するには、鮮やかなトーンは避けたはうがよい。落ち着いたトーンを使うことで、クラシックな印象を与えることができる。また、金色を連想するオーカー系の色も上手に使おう。
color imageDESIGN
C20 M15 Y20 KOR203 G200 B183
C15 M25 Y50 KOR216 G179 Blll
C60 M40 Y30 KORlO4 Gl17 B134
color imageDESIGN
C40 M45 Y80 KOR153 Gl15 B47
CO MlOO Y75 K45R138 GO B18
C15 M25 Y50 KOR216 G179 Blll
color imageDESIGN
C20 M35 Y70 KOR203 G152 B66
ClO M5 Y80 KOR230 G231 B53
C45 M50 Y60 KOR140 GlO3 B78
color imageDESIGN
C15 M25 Y50 KlOR195 G162 BlOO
C35 M30 Y55 KOR166 G153 B99
ClOO M40 Y40 KOR3 G91 Bl14
color imageDESIGN
CO MO Y40 KOR255 G255 B153
C15 M25 Y50 KOR216 G179 Blll
C75 M50 Y80 KOR65 G85 B50
color imageDESIGN
C15 M25 Y50 KOR216 G179 Blll
CO MlO Y50 KOR254 G230 B121
C55 M90 Y75 KORl16 G20 B36
color imageDESIGN
CO MO YlOO Kl0R230 G230 BO
C75 M50 Y80 K0R65 G85 B50
C20 M40 Y45 KOR202 G141 Blll
color imageDESIGN
CO MlOO Y40 KOR246 GI B76
C65 MlO Y25 KOR90 G171 B164
CO MO YO KOR255 G255 B255
color imageDESIGN
CO MO Y50 KOR255 G255 B127
C20 MO Y75 KOR204 G232 B70
C80 M65 YO KOR59 G64 B154
color imageDESIGN
C15 MO YlO KOR217 G240 B223
CO MO YO KOR255 G255 B255
CO M80 Y80 KOR253 G52 B31
color imageDESIGN
C65 M15 YO KOR91 G165 B204
CO M85 Y65 KOR251 G41 B51
CO MO YO KOR255 G255 B255
color imageDESIGN
CO MO YO KOR255 G255 B255
CO M20 Y80 KOR254 G204 B46
C90 M70 YO KOR37 G52 B148
color imageDESIGN
CO M45 Y50 KOR252 G141 B98
ClOO MO YO KORO G160 B198
CO MO YO KOR255 G255 B255
color imagecolor imageDESIGN
C20 MO Y15 KOR204 G235 B209
CO MO YO KOR255 G255 B255
C75 M5 YO KOR66 G174 B208
color imageDESIGN
CO MO YO KlOORO GO BO
C25 M15 Y20 KCR191 G196 B181
C40 M50 Y50 KCR153 GlO6 B95
color imageDESIGN
C45 M40 Y35 KOR140 G126 B127
C20 M20 Y5 K50RlOI G94 BlO4
C25 M20 Y20 KOR190 G184 B177
color imageDESIGN
C35 M25 YO KOR166 G167 B208
C15 M15 Y20 KOR216 G205 B184
C70 M55 YO KlOR64 G76 B148
color imageDESIGN
C5 MO Y25 KOR242 G250 B190
C15 MlO Y20 KOR216 G217 B189
C80 M55 Y85 KOR52 G73 B41
color imageDESIGN
C55 MlO Y30 KORl16 G180 B158
CO MO YO KOR255 G255 B255
C65 M55 Y70 KOR90 G83 B62
color imageDESIGN
C25 M20 Y15 KOR190 G185 B187
C35 M30 Y30 KOR166 G155 B146
ClOO M60 Y20 KOR9 G63 B127
color imageDESIGNDESIGN
CO MO YO KlOOR0 G0 R0
CO MO YO KOR255 G255 B255
C35 M30 Y45 KOR166 G154 Bl17
ポップで明るい印象を強調
シンプルで飾らない印象の配色
エスニック風のイメージを演出
楽しく、軽やかなイメージの表現は、明るいトーンの配色で行う。ただし、色を明るくすると色味の性質が弱くなるので、類似した色による配色は寂しい印象になることがある。なるべく多くの色相を使うと効果的だ。
飾り気のない、シンプルな雰囲気を演出するには、配色のカラーを単純にするのではなく、トーンが類似しているものを組み合わせて「単純そうに見せる」ことが重要。近いトーンでなら、さまざまな組み合わせが考えられる。
「エスニック」からは、熱く湿気の多い地域や、辛さ、酸っぱさというキーワードをイメージする。これらは暖色系中心の配色と、少しくどめのトーンをもつ基調色で演出しよう（、クリーン系の色はサフカラーとして効果的。
color imageDESIGN
C65 M45 Y75 KCR90 GlOO B59
CO M60 Y85 KOR254 GlO2 B27
C20 M20 Y60 KCR203 G187 B93
color imageDESIGN
C20 MlOO YlOO KOR204 GO BO
C55 M55 Y95 KORl15 G86 B22
CO M45 YlOO KOR255 G140 BO
color imageDESIGN
C35 M30 Y55 KOR166 G153 B99
CO M65 Y30 KOR248 G91 B121
CO MlOO Y75 K20R201 GO B26
color imageDESIGN
C20 M60 Y95 KOR204 G93 B15
CO MlOO YlOO K20R204 GO BO
CO M15 YlOO KOR255 G217 BO
color imageDESIGN
CO MlOO Y85 KOR253 GO B20
C50 M95 Y95 KOR127 G13 BlO
CO M40 Y65 KOR253 G154 B71
color imageDESIGN
CO M65 YlOO KOR255 G89 BO
C30 M30 Y95 KOR179 G154 B23
CO M95 Y90 K45R140 GlO BO
color imageDESIGN
C20 M40 Y45 KOR202 G141 Blll
CO M65 YlOO KOR255 G89 BO
C15 MlOO Y40 K20R169 GO B61
color imageDESIGN
ClO M15 Y25 KOR229 G209 B174
C30 MO YlO KOR179 G226 B216
C35 M30 Y55 KOR166 G153 B99
color imageDESIGN
C15 M15 Y25 KOR216 G205 B173
C5 MO Y25 KOR242 G250 B190
C40 M15 Y45 K5R145 G172 B121
color imageDESIGN
C15 MO Y30 K5R206 G227 B166
C30 MO Y20 K5R170 G214 B184
C40 M25 Y25 K5R145 G153 B150
color imageDESIGN
CO MO Y15 KOR255 G255 B217
ClO MO Y20 KOR230 G245 B201
C25 M15 Y30 K5R193 G190 B153
color imageDESIGN
CO MlO YO KOR254 G230 B242
CO MO YO KOR255 G255 B255
C20 MlO YO KOR203 G213 B232
color imageDESIGN
CO MO YO KOR255 G255 B255
C20 M15 YO KOR203 G201 B226
C20 MO YO K30R143 G166 B171
color imagecolor imageDESIGN
C15 MO YO KOR217 G241 B247
C15 MO Y15 KOR217 G240 B211
C25 M20 Y20 K5R180 G175 B167
color imageDESIGN
CO MO YO KOR255 G255 B255
CO MO Y50 KOR255 G255 B127
CO M50 Y95 KOR255 G127 B13
color imageDESIGN
C40 MlO YlOO KCR153 G187 B20
CO M85 Y80 KOR253 G40 B29
CO MO Y15 KOR255 G255 B217
color imageDESIGN
CO M60 Y65 KOR252 GlO3 B62
C55 M60 YO KORl18 G83 B165
CO MO Y40 KOR255 G255 B153
color imageDESIGN
CO M75 Y55 KOR250 G66 B72
CO M50 Y95 KOR255 G127 B13
CO MO YO KOR255 G255 B255
color imageDESIGN
CO MO Y60 KOR255 G255 BlO2
CO MO YO KOR255 G255 B255
C55 MO Y50 KORl15 G196 B127
color imageDESIGN
ClO MO Y15 KOR230 G245 B2131
CO MO Y60 KOR255 G255 BlO2
C70 M5 YO KOR78 G179 B211
color imageDESIGNDESIGN
CO M30 YlOO KOR255 G179 BO
CO M90 YlOO KOR255 G26 BO
CO M5 Y40 KOR255 G242 B149
シャープなイメージを演出する色構成
エレガントで気品あるイメージ
ナチュラルで落ち着いた雰囲気
鋭く研ぎ澄まされたイメージは、明度の相対関係に依存する。コントラストを高くすれは、シャープさが増すのだ。よりそのイメージを強調したいときは、寒色系を基調色にしよう。また、鋭角的な形状に用いると、さらに効果的である。
気品のあるイメージを表現するには、紫系統の赤やバイオレットを基調色として使うとよい。また、少し明るいトーンや暗めのトーンを用いることで、「若さ」や「落ち着き」など年齢の幅も表現できる。
「自然」をイメージさせるグリーン系、オーカー系の色を基調色としよう。トーンは落ち着いたものを使うと、よりナチュラルさが強調される。鮮やかなトーンの色を、ポイントカラーとして使用してもよい。
color imageDESIGN
C15 M25 Y50 KOR216 G179 Blll
C15 MlO Y60 KOR217 G215 B98
C90 M55 Y90 KOR27 G68 B36
color imageDESIGN
C15 MO Y25 KOR217 G240 Bl87
CO M15 Y60 KOR254 G217 B94
C20 M40 Y45 KOR202 G141 Blll
color imageDESIGN
C15 MO Y20 KOR217 G240 B199
C80 M35 Y55 KOR53 GllO B97
C20 M20 Y65 KOR204 G187 B83
color imageDESIGN
C25 M35 Y45 KOR190 G149 Bl14
C40 M15 Y45 KOR153 G182 B137
C50 M75 YlOO KOR127 G49 B6
color imageDESIGN
CO MO Y40 KOR255 G255 B153
ClO MO Y5 KOR230 G246 B237
C50 M45 Y65 KOR128 GllO B73
color imageDESIGN
C15 MO YlOO KOR217 G237 B9
ClO M15 YlOO KOR230 G207 B3
C65 M45 Y95 KOR89 G98 B28
color imageDESIGN
ClO MO Y50 KOR230 G244 B127
C5 MO Y15 KOR242 G250 B215
C25 M55 YlOO KOR191 GlO2 B5
color imageDESIGN
C20 M25 YO KOR202 G178 B214
C5 M40 YO KOR237 G152 B202
C25 M75 Y35 KOR188 G60 BlO2
color imageDESIGN
ClO MO Y15 KOR230 G245 B213
C55 M90 Y75 KORl16 G20 B36
C5 M40 Y15 KOR238 G151 B172
color imageDESIGN
C30 M30 YO KOR178 G160 B205
CO M40 YO KOR249 G155 B204
C60 M65 YO KORlO6 G71 B159
color imageDESIGN
C40 M95 Y85 KOR153 G14 B21
C20 M95 YO KOR196 G18 B132
CO M30 Y15 KOR251 G180 B185
color imageDESIGN
C15 M25 Y50 KOR216 G179 Blll
C50 MlOO YO KOR129 GI B126
C5 M80 Y5 KOR232 G53 B144
color imageDESIGN
CO M35 YO KOR250 G167 B210
C5 MO Y15 KOR242 G250 B215
C30 M50 YO KOR177 Gl14 B182
color imageDESIGN
C15 M25 Y50 KOR216 G179 Blll
ClO M25 YO KOR227 G185 B219
C25 MlOO YlO KOR185 GI Bl14
color imageDESIGN
C30 MO Y35 KOR179 G224 B161
C20 MO YO KOR204 G236 B244
ClOO M65 Y5 KOR13 G56 B143
color imageDESIGN
C80 M70 Y5 KOR59 G55 B143
CO MO YO KOR255 G255 B255
C60 M30 YO KlOR94 G126 B173
color imageDESIGN
C5 MO Y25 KOR242 G250 B190
C15 MO YO KOR217 G241 B247
C70 M40 Y95 KOR77 GlO4 B31
color imageDESIGN
CO MO YO KOR255 G255 B255
CO M5 Y25 KOR255 G242 B186
CO MO YO KlOORO GO BO
color imageDESIGN
CO MO YO KlOORO GO BO
C90 M50 Y15 KOR33 G84 B143
CO MO YO KOR255 G255 B255
color imageDESIGN
CO MO Y50 KOR255 G255 B127
C15 MO YlO KOR217 G240 B223
CO MO YO K60RlO2 GlO2 BlO2
color imageDESIGN
C15 M15 Y30 KOR216 G204 B163
CO MO YO KOR255 G255 B255
C80 M65 YO KOR59 G64 B154
ＷＥＢ配色見本