Material Design

概要 Material Design

Material Design のカラーシステムは単一のソースカラーから 13 段階のトーンスケール（0〜100）と、primary・secondary・tertiary・surface などのセマンティックな役割として表現されます。このスケールにより明暗テーマでのコントラストが予測しやすくなります。

使い方

--md-sys-color-primary のような CSS 変数や Material Theme Builder を使って役割を適用します。テキストには最も濃い段階を、表面には最も淡い段階を使って WCAG のコントラストを満たしましょう。