「黒のアルファ値」とは何ですか?


11

Googleのマテリアルデザインガイドラインの次の段落を理解しようとしています。

アイコンや仕切りなどの他の要素も、単色ではなく黒のアルファ値を持つことで、あらゆる色の背景で確実に機能するようになります。

ソース

これは何を意味するのでしょうか?00アルファ値は完全に透明ですよね?


「黒の」はタイプミスだったと思います。または、少なくとも「非常に不適切な言葉」の意味「黒のアルファ値」
スコット

はい、そうです、アルファ値は色の透明度を指します。値は00から16進数のFFまでで、00は完全に透明で、FFは固体/不透明です。Androidでは、これを16進形式の最初の2文字として指定します。たとえば、#FF000000は黒一色です。
Samy S.Rathore 2015

回答:


5

完全なコンテキストは次のとおりです。

灰色のテキスト、アイコン、および仕切りにアルファ値を使用する

情報の階層を伝えるために、テキストにさまざまな色合いを使用できます。白い背景のテキストの標準アルファ値は87%(#000000)です。視覚的階層の下位にあるセカンダリテキストには、54%(#000000)のアルファ値が必要です。テキストフィールドやラベルなどのユーザー向けのテキストヒントは、視覚的な目立ちがさらに低く、アルファ値は26%(#000000)である必要があります。

アイコンや仕切りなどの他の要素も、単色ではなく黒のアルファ値を持つことで、あらゆる色の背景で確実に機能するようになります。

さらに、2つのサンプル画像があります。

問題は、「アルファ値」の新しい定義を使用しているように見えることです。

さらに、それらの引用されたhex-rgb値は正しくなく、パーセンテージの例は、黒の背景に白のテキストを示した例に対するものです(テキストは、値が白の黒のテキストであると述べています)。

私が言えることから、テキストとルールを指定するときは、色の値に加えて透明度の値を使用することを提案しています。

アイコンの場合、おそらくそれらはアイテムをシルエットに、固定カラーマットとは対照的に白以外のアルファチャネルを提供することを提案しているため、考えられるすべての値に新しいアートを提供せずにプログラムで色を変更できます。

TLDNR; セクションの記述が不十分で、コピー編集が必要


2
その段落以外の図を見ると、たとえば、26%(#000000)はRGBA(0,0,0,0.26)または「不透明度27%の黒」であると思います。白は画像のように薄い灰色に見えます。
cockypup 2015

@cockypupそれは理にかなっています。私はまだ彼らに明確な問題があると思います:彼らはすべての場合に黒を使用し、「オーバーレイブレンドモード」またはそのような性質をシミュレートする方法としてアルファ値を使用することを提案しているかもしれません
Yorik

1
@yorikそれも私の解釈です。グレーではなく黒のアルファを使用して、カラーが「オーバーレイ」されるようにしたいと考えています。
DA01

@ DA01:「無地の代わりに」=灰色だけでなく任意の色(?)
Yorik

16

アルファ値は、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%の不透明であることを意味します。

この画像では、カラースタイルドキュメントで提案されている「黒のアルファ値」を確認できます。「アルファ合成」の動作を確認できるように、白と赤の上に配置しました。

ここに画像の説明を入力してください


あなたは正しいですが、OPが参照しているGoogleドキュメントを見ると、アルファ値の新しい定義を使用しているようです。
Yorik

これは、「黒のアルファ値」が何であるかをどのように答えますか?私もその用語に精通しておらず、これはIMOを明確にしていません。あなたの黒い四角のアルファ値は100%(1)ですが、黒のアルファ値は何ですか?赤の広場で、どうやってそれを黒のアルファ値にできるでしょうか?
ライアン

3
いい視点ね。質問のタイトルと本文の最後の質問の両方に回答するように編集されました。また、OPが参照し、画像の例としてドキュメントの色を使用したドキュメントへの参照を追加しました。
cockypup 2015

あなたは謎の謎の謎を解いたと思います
Yorik
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.