特集
カテゴリー
タグ
メディア

マテリアルデザインにぴったりの色やアイコンが手に入るサイト「Material Design Colors」

マテリアルデザインにぴったりの色やアイコンが手に入るサイト「Material Design Colors」

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

以下に使ってみた様子を載せておきます。まずMaterial Design Colorsへアクセスしましょう。

151223_ma2.jpg

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

151223_ma3.jpg

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

151223_ma4.jpg

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

Material Design Colors

(カメきち)

swiper-button-prev
swiper-button-next