はてなブログ

サイトのデザインをオシャレに!今年の流行色を使った配色10パターン「カラーコード付」コピペで簡単!

 

f:id:buchibuchi4647:20170504154900j:plain

ファッションに流行があるように色にも流行があります。今年の1番人気色「Greenery」を使った配色パターンを用意しました。使いやすいようにカラーコードと配色例を解説付で紹介します。この機会にwebデザインや広告などに流行色を使ってみてはどうでしょうか。

今年の流行色「Greenery」

2017年の傾向は自然の中にあるようなナチュラル色合いを、フラットに配色するデザインが人気です。ワールドカラーでカラーマネージメントを展開している「PANTONE」では、毎年流行色を発表しています。

www.pantone.com

今年の色は「Greenery」。

  • カラーコード#88B04B

抹茶みたいな淡い緑色です。爽やかで新しい始まりを表す色みたいです。この配色を使った商品も販売しています。

 

Greeneryを使った配色パターン(2色)

Greenery(#88B04B):2色のみ使ったパターンを紹介します。

安定したデザイン

f:id:buchibuchi4647:20170504141913p:plain

  • #88B04B
  • #4CB0A6
  • #88B04B
  • #B04C56

 

コントラストのバランスがとれているので、安定したデザインとなっています。

やさしいデザイン

f:id:buchibuchi4647:20170504144016p:plain

  • #88B04B
  • #B0A64C

類似色を選ぶことによってやわやかいイメージのデザインになります。

力強いデザイン

f:id:buchibuchi4647:20170504144412p:plain

  • #88B04B
  • #744CB0

補色関係の色を選ぶことによって、力強いイメージのデザインが生まれます。

Greeneryを使った配色パターン(3色)

Greenery(#88B04B):3色使ったパターンを紹介します。

アースカラー

f:id:buchibuchi4647:20170504145440p:plain

  • #88B04B
  • #77B04C
  • #99B04C

色味に差がないので、全体的に控えめなイメージを作り出します。やわらかい色なので女性向けのwebサイトに人気の配色パターンです。

失敗しない配色パターン

f:id:buchibuchi4647:20170504150027p:plain

  • #88B04B
  • #4C56B0
  • #A64CB0

調和がとれた配色パターンなのでどんなサイトにも使うことができます。現代色を取り入れたオシャレな色。

淡くレトロな配色パターン

f:id:buchibuchi4647:20170504150444p:plain

  • #88B04B
  • #4C88B0
  • #B04C88

信号のように均等のとれたバランス。しかし、全体的に淡い色なのでレトロを感じさせるオシャレな配色。

Greeneryを使った配色パターン(4色)

Greenery(#88B04B):4色使ったパターンを紹介します。

カラフルなデザインパターン(1)

f:id:buchibuchi4647:20170504151251p:plain

  • #88B04B
  • #4CB046
  • #744CB0
  • #B04C56

カラフルなデザインパターン(2)

f:id:buchibuchi4647:20170504151734p:plain

  • #88B04B
  • #4CB074
  • #744CB0
  • #B04C88

4色使ったデザインはカラフルなイメージになります。しかし、補色関係にある色なので、4色使っても違和感なくオシャレに使うことができます。サイト全体のテーマを変えたいときに使ってください。

Greeneryを使った配色パターン(5色)

Greenery(#88B04B):思い切って5色使ったパターンを紹介します。

引き締まったデザイン

f:id:buchibuchi4647:20170504152239p:plain 

  • #88B04B
  • #FFFFFF
  • #4C88B0
  • #000000
  • #B04C88

白と黒を入れることによって引き締まったイメージを作ります。クールな印象や大人っぽさ。

ABOUT ME
inakaweb
inakaweb「buchio]です。いなかでアフィリエイト活動しております。基本的に僕のアフィリエイト経験はここで全て放出しております。あなたの何か役立つきっかけになればと思います。成績;ブログは月収15万ほど・ココナラは600件ほど売り上げ→現在月収30万ほどにいたる。いつも依頼していただく方々には感謝しかない。
現在キャンペーンサービスのご案内

[当サービスお得情報]半額以下割引キャンペーン!

当サイトでは以下のサービスを代行させていただいております。

  • グーグルアドセンス取得代行
  • ホームページ作成
  • ブログ作成・成果のでるノウハウ・サポート付き
  • 記事作成
  • 時短効果におすすめの大量の記事販売1000円〜
  • 自動ほったらかしサイト作成マニュアル・設置代行

学生・主婦の方から社会人の方まで幅広くご依頼をいただいております。

上記のサービスはいずれも好評です。特にアフィエイトをしている人でなかなか成果の出ない人や初心者で何からすれば良いのかわからない人にはおすすめのサービスとなっております。

サービスご依頼ご希望の方はサイト内に設置「お問い合わせ」フォームより依頼・または下記よりご連絡ください。当サービスはプロフィールにもありますよう「ココナラ」にて500件以上の販売実績と評価4.8以上であるゴールド会員認定

今回事情拡大に伴い、新規ココナラスタートキャンペーンも実施しております。ココナラより購入頂いたお客様ももっと格安でご案内させて頂いております

どうぞご利用ください。ご依頼お待ちしております。

ココナラから依頼