WEBデザインで使用した配色や、
素材に使用している配色などを、少しずつまとめています。
少しでもお役に立てれば嬉しいです!

どこの本にも載っていない、オリジナル配色♪
とっても自由な配色です(笑)
微妙な色の、分量調節次第で、イメージが「がらり」と変わりますヨ。

色々、配分なども試しながら、ご活用ください~☆ 楽しんで配色してくださいね!
※コメントの上に書いている、これは→|#・・・|カラーコードです。

#8accc4|#ffffff| #d9d9c4|#666666|

グレーは、さし色でほんの少ししか使っていません。

 

#524432|#dbcdd4|#838e31|#eff4ad|#ece2c6|

一番広い範囲で使用していた色は、黄色系の色です。

 

#e6e9d0|#c6a315|#583c1d|#186b83|#9c4103|

青はほんの少し使用、茶色、赤、黄色メインの配色です

 

#514639|#e1eba0|#fafdd2|#b9cac3|

カフェのイメージ。薄めの色を、こげ茶で引き締めています

 

#f1e6a5|#c1b295|#ce904c|#ffffff|#bbcbb0|

夏をイメージして、さわやかな配色になるように考えました♪

 

#1d3a3a|#d4ccb6|#b0a696|#281900|

青みがかったグリーンは文字に使用。残りの3色でチョコレートっぽくしました。

 

#a6160a|#e0e2d2|#ffffff|#549d8d |

ちょっとはまった、赤と緑がかったブルーの配色。
かなりきつめの配色・・・。白や、薄めのベージュを多用して、対処。

 

#558782|#e1e1d2|#ffffff|#ac6c33|

白を多めにして、ブルーとオレンジは割合にすると20~30%くらい。
ほどよい割合にしたので、すっきり、さわやかなイメージになったと思ってます!
。。。私の思い込みかもしれません

 

#2a1311|#9c350d|#872103|#795638|#837666|#52493e|

レトロモダンな模様を採用して、デザインしたときの配色です。
季節が冬だったので、少しでも暖かく見えるようにしました。
赤やオレンジ、こげ茶がメインです。

 

#3f3332|#ffffff |#cbccb9|#a2a591|上の段

#80ac9a|#3c5d56|#965a38|#cda183|下の段

どんどん色の数が増えてます(笑)
でもやっぱりまだ冬のときのリニューアルだったので、
茶色をメイン、あとはすべてさし色程度にしか使用していません。

 

#583036|#d06537|#7eae9a|#ccc0a2|#000000|#3e6b80|

これはオレンジとちょっと紫がかった赤をメインにして、
他の色は割合的に、ほんの少ししか使っていません。とても明るい感じのサイトになりました。

 

#532c22|#835a4b|#b97355|#d39771|#f9d39a|#bea191|

暖色系グラデーション☆

 

#f8c594|#c17056|#532c22|#9eccc1|#ffffff|#cab66a|

どの色を多くするかによって、イメージが変わります。

 

#333333|#335a75|#54939b|#ffffff|#ca7d5a|#9b493f|

 

#452426|#944062|#f0b7ba|#999999|#8bafb6|#335a75|

ピンクを使った、私には珍しい配色。派手めなイメージです

 

#335a75|#9eccc1|#231815|#999999|#edbdb1|#b16f70|

 

#231815|#46210c|#415256|#67856d|#bf9b8a|#8d5546|

最近、お気に入りのブルーがほんの少しだけ入った
濃い目のグリーンを、メインにした配色です

 

関連した記事