Googleのマテリアルデザインガイドラインの次の段落を理解しようとしています。
アイコンや仕切りなどの他の要素も、単色ではなく黒のアルファ値を持つことで、あらゆる色の背景で確実に機能するようになります。
これは何を意味するのでしょうか?00アルファ値は完全に透明ですよね?
Googleのマテリアルデザインガイドラインの次の段落を理解しようとしています。
アイコンや仕切りなどの他の要素も、単色ではなく黒のアルファ値を持つことで、あらゆる色の背景で確実に機能するようになります。
これは何を意味するのでしょうか?00アルファ値は完全に透明ですよね?
回答:
完全なコンテキストは次のとおりです。
灰色のテキスト、アイコン、および仕切りにアルファ値を使用する
情報の階層を伝えるために、テキストにさまざまな色合いを使用できます。白い背景のテキストの標準アルファ値は87%(#000000)です。視覚的階層の下位にあるセカンダリテキストには、54%(#000000)のアルファ値が必要です。テキストフィールドやラベルなどのユーザー向けのテキストヒントは、視覚的な目立ちがさらに低く、アルファ値は26%(#000000)である必要があります。
アイコンや仕切りなどの他の要素も、単色ではなく黒のアルファ値を持つことで、あらゆる色の背景で確実に機能するようになります。
さらに、2つのサンプル画像があります。
問題は、「アルファ値」の新しい定義を使用しているように見えることです。
さらに、それらの引用されたhex-rgb値は正しくなく、パーセンテージの例は、黒の背景に白のテキストを示した例に対するものです(テキストは、値が白の黒のテキストであると述べています)。
私が言えることから、テキストとルールを指定するときは、色の値に加えて透明度の値を使用することを提案しています。
アイコンの場合、おそらくそれらはアイテムをシルエットにし、固定カラーマットとは対照的に白以外のアルファチャネルを提供することを提案しているため、考えられるすべての値に新しいアートを提供せずにプログラムで色を変更できます。
TLDNR; セクションの記述が不十分で、コピー編集が必要
アルファ値は、RGBA色空間で使用され、色の透明度を示します。アルファ値は0から1になり、0は完全に透明で、1はまったく透明ではありません。
これにより、「アルファ合成」を行うことができます。つまり、背景の上に画像を配置し、色を組み合わせて透明度の錯覚を作り出すプロセスです。この色空間の詳細については、Googleの「rgba色空間」またはこのWikipediaのページにアクセスしてください。
RGBAカラーは通常、4つの値で示されます。RGBコンポーネントのそれぞれに3つ、アルファ値の最後の1つ(たとえば(0,0,0,0.5))ですが、参照したカラースタイルドキュメントでは、 16進数のRGB値の前に%値を付けます(例:50%(#000000))。
「黒のアルファ値」は、少なくとも参照ドキュメントの範囲内では、RGBA空間でRGB値として黒(0,0,0)を持つ色を示す簡単な方法です。それらの範囲は、100%ソリッドブラック(0,0,0,1)から完全に半透明のブラック(0,0,0,0)まであり、透明度のすべての可能な値を通過します。
したがって、たとえば57%(#000000)と表示される57%の黒のアルファ値は、「黒のアルファ値」となり、アルファは0.57に等しく、57%の不透明であることを意味します。
この画像では、カラースタイルドキュメントで提案されている「黒のアルファ値」を確認できます。「アルファ合成」の動作を確認できるように、白と赤の上に配置しました。