gaggitのブログ

コーディング、ガジェット、TIPS関連、FX

ゆるっと学ぶ material designのコントラストについて

Material Designでは、明るい背景色の場合には暗い文字を、暗い背景色の場合には白色文字を使うように定義されています。

例えば、明るい背景色では

重要なインフォメーションなどのプライマリテキストは黒字で透明度は87%、セカンダリテキストの透明度は、54%、最後にテキストヒントや使用できない部分の透明度は38%です。

暗い背景色ではの白字のプライマリテキスト、セカンダリテキスト、テキストヒントの透明度の割合は、100%、70%、50%です。

あと、仕切り(divider)は、どちらの背景色でも透明度は、12%です。

f:id:gaggit:20160404031417j:plain

 

今日もゆるゆるっと~