Material Design Color Tool
2017/04/11
GoogleがMaterial Designの配色サポートツールをリリースしました。
この手のサービスはすでに結構あるのですが、本家のツールということでチェックしてみました。 類似サービスと比べると機能が充実しています。
- 画面サンプルに対する配色イメージを見られる
- Material Designで典型的な画面イメージが6つ用意されています
- カラーパレットの選択が柔軟にできる
- Material Designのカラーパレットを基本としつつ、任意の色も選べます
- 類似サービスはカラーパレットが固定なことが多いです
- テキスト色を設定できる
- Primary Color、Secondary Colorそれぞれに対するテキスト色を選べます
- 文字の可読性をチェックしてくれる
- Understanding Success Criterion 1.4.3 | Understanding WCAG 2.0に沿って可読性をチェックしてくれます
最低限ということならPrimary ColorとSecondary Colorを選ぶだけでOKと手軽ですし、 Googleが提供しているという安心感も合わせて、今後の定番になっていく予感がします。
おススメ