【コピペOK!】背景×文字色の配色セット-色別サンプル

DESIGN

こんにちは!LiSMOtechアシスタントデザイナーの山邉です。
以前書いた記事 コピペで使える!背景×文字色の配色セットがとても好評だったので、第二弾の記事を書きました!
色別に3パターンづつ掲載しているので、使いたい色をチェックしてくださいね。
今回もコピペしてすぐ使えるようにカラーコードを表記しています✨

赤系

#f54164 #00004a

やや青みがかった赤と、ネイビーの組み合わせです。
赤のイメージといえば、情熱・アクティブ・自信などがありますが、ネイビーを組み合わせることで知的で落ち着いた印象をプラスできます。

 

#c40000 #00002f

やや暗めの落ち着いた赤と、黒に近いネイビーの組み合わせです。
シックで大人なイメージですね。
暖かみも感じられるので、秋冬らしさもあります。

 

#ff2a00 #ffa900

鮮やかな赤と、落ち着いた黄色の組み合わせ。
元気で明るい印象ですね。
暖色系同士を組み合わせているので、食べ物系のデザインにおすすめです!

 

オレンジ系

#ff8700 #003b00

明るいオレンジとモスグリーンの組み合わせ。
オレンジで元気さを出しつつ、グリーンの落ち着いた印象もプラスされます。
カジュアルな印象なので、アウトドア系におすすめです。

 

#ffb900 #003bff

黄色に近いオレンジと鮮やかなブルーの組み合わせ。
ポップで元気になる配色です!
どことなく外国っぽい印象もありますね。

 

#d84000 #ff9c72

渋めのオレンジと薄いオレンジの組み合わせ。
同系色同士ですが、コントラストがはっきりしているので可読性もバッチリ。
暖かみが欲しいけど、落ち着きも必要な時にどうぞ。

 

緑系

#007000 #ffffeb

落ち着いたグリーンとオフホワイトの組み合わせ。
なんとなくエコな印象です。
自然・環境・ナチュラルなデザインに。

 

#7affc6 #472100

ミントグリーンとブラウンの組み合わせ。
ポップで可愛いグリーンならこれ!
可愛いチョコミントカラーです。

 

#9edd8d #002100

若草色と深いグリーンの組み合わせ。
若草色の面積を増やせば柔らかな印象に。
深いグリーンの面積を増やせばシックな印象に。

 

青系

#00006d #ffff8e

明るめのネイビーとレモンイエローの組み合わせ。
使いやすい万能配色です!私もよく使っています。
比較的カジュアルなデザインにあいます。

 

#0000d3 #ffff09

鮮やかなブルーと濃いイエローの組み合わせ。
夏を感じる鮮やかな配色です!
ポップやカジュアルなイメージが似合います!

 

#00fafb #ffffd5

鮮やかな水色とクリーム色の組み合わせ。
ちょっとレトロな印象があります。
爽やかさを活かしたデザインにしたいですね。

 

紫系

#84006d #ffff8e

赤紫とレモンイエローの組み合わせ。
秋っぽい配色ですね。
重くなりがちな濃い紫を、明るい黄色で緩和しています。

#c2acff #acffec

薄いパープルとミントグリーンの組み合わせ。
この組み合わせを使えばゆめかわになれます!
どちらもパステルカラーなので、文字は太めにすると可読性を確保できますよ!

 

#33006d #046d00

深い紫と深い緑の組み合わせ。
シックで重い配色です。
重厚感を感じさせたいときに。

 

ピンク系

#fbd6ff #c890ff

淡いピンクに薄紫の組み合わせ。
可愛いピンクに紫の上品さが加わった、女性らしい配色です。
お花のような色味なので、春らしさも感じますね。

 

#fbacff #c8ffff

ピンクと水色の組み合わせ。
こちらもゆめかわパステルです!
外国のお菓子みたいで可愛いです!

 

#f5d2ff #00005c

青みピンクとネイビーの組み合わせ。
ピンクを使いたいけど大人っぽさも欲しい時に。
甘さ控えめで知的なイメージになります。

 

今回の記事は以上になります。
お気に入りの組み合わせはありましたか?
背景に模様を入れたいときは、イメージ・業種から考える背景デザイン案も参考にしてくださいね。
最後までご覧いただきありがとうございました!

Instagram更新中です!制作実績や社内の様子などが見られますよ✨


NEXTGATE LiSMOtechでは中小企業を中心にブランディング・WEBマーケティングを活用したWEB戦略を提供しています。

企業課題・問題に関するご相談、WEBサイト制作やグラフィックデザイン制作のクリエイティブに関するご相談やご質問、お見積りなどお気軽にお問い合わせください。

お得な情報がLINEに届く!!

LINE公式アカウントはこちらから。

友だち追加

最新記事

CONTACT

NEXTGATE LiSMOtechでは中小企業を中心にブランディング・WEBマーケティングを活用したWEB戦略を提供しています。
企業課題・問題に関するご相談、WEBサイト制作やグラフィックデザイン制作のクリエイティブに関するご相談やご質問、お見積りなどお気軽にお問い合わせください。

平日10:00〜19:00

お電話の場合こちらから

043-305-4162

平日10:00〜19:00