Skip to content

60-minutes.biz

– 時間を縛ることで、時間を味わってみる –

マテリアルデザインカラーに対応する便利ツール5選

Posted on 2015年7月6日2015年7月6日 By ハマケン


こんにちわ、ハマケンです。
Googleが I/O 2014で発表した通り、これからマテリアルデザインの思想に沿ったサイトデザインや構成は非常に重要な位置づけとなってきそうです。

マテリアルデザインは個人的には視覚言語の一つとして認識しています。
デバイスやテキスト、人種など見る人や環境に左右されない色、効果、レイアウトなどをまとめたモノですね。

そういう面では今日よく見かけるフラットデザインとは少し違った役割を持って生まれてきている気がします。
今日はそんなマテリアルデザインのカラーパレットツールをご紹介します。便利だし、面白いものもありましたよ。

Color – Style – Google design guidelines


Advertisement


Material Design Color Palette Generator – Material Palette


非常に解りやすくて使いやすいツール。基準色を2色選定すると必要な色情報を教えてくれます。

Coolors – The super fast color schemes generator!


Coolorsは画面上に構成されるパレットを矢印で移動させたりすることで他の色とのコンビネーションを確認できるツールです。SVGとかPDFなど色々なファイル形式でダウンロードできるそうだが、見つかりませんでした。(ログイン後の機能かな。)

Stylify Me – Online Style Guide Generator


これは非常に便利で面白かったツール。
解析したいサイトのURLを入力すると、そのサイト内のバックグラウンドやフォントカラーなど様々な情報が表示されます。
これはサイト比較は勿論の事、自分たちが使おうとしている色がずれていないかどうかもチェックできますね。

カラーホイール | カラースキーム – Adobe Color CC


非常にアドビっぽいツールでございます。
品質もUIもアドビ品質。

Color Hex Color Codes


これは結構便利かも。
作った色情報などをCSSでコピーすることもできます。

いかがですか?
ちょっとダダーとご紹介してしまいましたが、5つ程ご紹介させていただきました。少しはお役に立てると幸いです。
それでは。

facebookShare on Facebook
TwitterTweet
FollowFollow us
PinterestSave
WEBページ作成系の記事 Tags:サイト作り

投稿ナビゲーション

Previous Post: 子供と一緒にフジロックを楽しむには?準備や心得を経験者ハマケンがお答えします。
Next Post: ブロガーなら利用したい画像の素材サイト4選。

More Related Articles

発信していく人にとって、重要でとても難しいこと。 WEBページ作成系の記事
Google Analytics:準備編(正しく抑えておきたい用語集) WEBページ作成系の記事
wordpessのプラグイン「Head Cleaner」が気持ちよすぎる件 WEBページ作成系の記事
今週と前月のアクセス報告!Mar. 29th – Apr. 4th.ユーザー数:104%増, PV:123%増と再始動後、最高に。 WEBページ作成系の記事
レスポンシブデザインをするならチェックしておきたい便利な5ツール WEBページ作成系の記事
今週と前月のアクセス報告!May. 3rd – May. 9th.前月比+30%で順調な成長を更新中。 WEBページ作成系の記事

検索

最近の投稿

  • 中学受験。偏差値30台から1年で60台まで引き上げる方法 | 夏まで編
  • 中学受験。偏差値30台から1年で60台まで引き上げる方法|塾選び編2
  • 中学受験。偏差値30台から1年で60台まで引き上げる方法|塾選び編
  • TikTokの話は米中貿易戦争の一環に過ぎない。
  • 簡単すぎる!画像サイズを超絶小さくする方法

人気記事

まだデータがありません。

COVID-19 特集

グッと来た動画PR達

全ての小売店に捧ぐ

Copyright © 2025 60-minutes.biz.

Powered by PressBook Blog WordPress theme