カラーデザインを簡単に変更する方法

　マテリアルなら、テーマカスタマイザーを使ってカラーデザインを簡単に変更することが出来ます。

試しながら色を選ぶ

　テーマカスタマイザー（外観→カスタマイズ）の中に色という項目があるので、開いて下さい。

• 背景色
• メインカラー
• サブカラー

の3色を設定できるようになっています。

　メインカラーというのは、ヘッダー背景や見出しの文字などの色として使われています。

　サブカラーは、ナビゲーションメニューの背景やフッター背景などの色として使われています。

　テーマカスタマイザーなら、色の変更をリアルタイムで確認できるので、試しながら変更することが可能です。しかもカラーピッカーを使って色を選ぶことが出来るのでイメージしやすいと思います。

　保存して公開をクリックしない限り実際のサイトは変更されないので、間違ってとんでもない配色にしてしまっても安心です。(^^;)

カスタマイズ例

たらハコ風

僕が密かに気に入っているたらハコ風カラー

綺麗ですよね。このバランス。
※勝手にパクらないように。

その他、適当にやってみた例

　センスはさて置き、このように配色を簡単かつ自由に変えることが出来ます。単純に楽しいです。

配色を選ぶ際に参考になるサイト

ノンデザイナーこそ押さえておきたい！グッとくるWebサイト配色パターン集 | Find Job ! Startup

ウェブクロ – Webデザイナーのためのデザインまとめサイト。 | Web制作に関わる人が参考になるような、魅力的なデザインのWebサイトを毎日更新。

Coolors – The super fast color palettes generator!

配色の見本帳 | キーカラーで選ぶ配色パターン

　↑この辺りを参考にしながら、あなたならではのデザインセンスであなたの色に染め上げちゃってください。