Material Design Color Tool

2017/04/11

GoogleがMaterial Designの配色サポートツールをリリースしました。

Color Tool - Material Design

この手のサービスはすでに結構あるのですが、本家のツールということでチェックしてみました。 類似サービスと比べると機能が充実しています。

  • 画面サンプルに対する配色イメージを見られる
    • Material Designで典型的な画面イメージが6つ用意されています
  • カラーパレットの選択が柔軟にできる
    • Material Designのカラーパレットを基本としつつ、任意の色も選べます
    • 類似サービスはカラーパレットが固定なことが多いです
  • テキスト色を設定できる
    • Primary Color、Secondary Colorそれぞれに対するテキスト色を選べます
  • 文字の可読性をチェックしてくれる

最低限ということならPrimary ColorとSecondary Colorを選ぶだけでOKと手軽ですし、 Googleが提供しているという安心感も合わせて、今後の定番になっていく予感がします。




おススメ