「Material Design Colors」はマテリアルデザインにぴったりの色やアイコンが手に入るサイトです。有名なウェブサービスに使われている色一覧や、フラットデザインに合う配色一覧もありますよ。

以下に使ってみた様子を載せておきます。

まずMaterial Design Colorsへアクセスしましょう。


151223_ma2.jpg


マテリアルデザインに合う色一覧です。クリックするとカラーコードをコピーすることができますよ。右上のメニューからコピーする色の形式をRGBやHEXなど切り替えることができます。


151223_ma3.jpg


有名なウェブサービスの代表色です。ここから色を参考にしてもよいですし、差別化をはかりたいのなら競合しないためのチェックにも使えますね。


151223_ma4.jpg


マテリアルデザインに使えるアイコン一覧です。サイズやファイル形式を指定してダウンロードすることができますよ。ぜひマテリアルデザインでウェブサイトをデザインする際にご活用ください。


Material Design Colors

(カメきち)