TOP  >  WebDesign , WebService  >  マテリアルデザインのためのカラーツールまとめ「9 Useful Tools for Creating Material Design Color Palettes」
2017年01月14日

マテリアルデザインのためのカラーツールまとめ「9 Useful Tools for Creating Material Design Color Palettes」

スマートフォンのWEBサイトデザインをはじめ、マテリアルデザインを導入するWEBサイトが増えてきました。マテリアルデザインとはZ軸の概念を取り入れ、WEBページ上の要素の重なりを現実世界に近い形で表わすもので、要素同士が重なるため、それだけに配色も重要になってきます。今日紹介するのはマテリアルデザインのためのカラーツールまとめたエントリー「9 Useful Tools for Creating Material Design Color Palettes」です。

0573-01-material-palette
material palette

いくつかのカラーツールがまとめれられていましたが、今日はその中からいくつか気になったものをピックアップして紹介したいと思います。

詳しくは以下

0573-05-material-mixer
material mixer
ベースカラーとアクセントカラーを1色選ぶと、それに準じた色の候補をカラーコード付きでプレビューとともに出力してくれます。
 
 
 
 
 

0573-06-material-colors
Material Colors – Material Design Color Selection
マテリアルデザインによく利用されるカラーがならんでおり、カラーパレットから簡単にカラーコードを取得することが可能です。
 
 
 
 
 
0573-04-material-design-palette-generator
Material Design Palette Generator
ベースカラーを選択することで、色の候補を提示してくれるツール。こちらはパレットでは無く、RGBでベースカラーを指定できるようになっています。
 
 
それらしい色というのはどのデザインでもあるもので、こういったツールは考える時間を短縮してくれるという意味では非常に有益なツールだと思います。原文では全部で9つのツールが紹介されていましたので気になる方は是非どうぞ。

9 Tools for Creating Material Design Color Palettes

※当サイトのに掲載されている一部画像、スクリ-ンショットに文章に置いては第三十二条で定められる引用の範囲で使用していますが、万が一問題があればこちらからご連絡ください。即刻削除いたします。

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

デザインを開発するという視点からデザイン、WEBデザインに役立つ情報をお伝えします。

ご意見、ご感想、連絡事項があればFacebookページよりお願いたします。

※当サイトのに掲載されている一部画像、スクリ-ンショットに文章に置いては第三十二条で定められる引用の範囲で使用していますが、万が一問題があればFacebookページからご連絡ください。即刻削除いたします。
※本ブログの「プライバシーポリシー」です。

関連サイト

Designdevelopの姉妹ブログ、毎日のインスピレーションに!をコンセプトに、グラフィックデザインからプロダクトデザインまでクリエイティブをテーマに取り上げていくブログ「DesignWorks」を運営中。

【ご注意】「Designworks」の旧ホームページドメインを利用したWEBサイトにご注意ください
Template deisgn by iDEACLOUD inc.
トップに戻る