Prozent Farbe in Android für Material Design

In Googles Spezifikation für Materialdesign, sehe ich Farben in Prozent angegeben:Prozent Farbe in Android für Material Design

eine Hierarchie von Informationen zu vermitteln, können Sie verschiedene Farben für Text. Der Standard-Alpha-Wert für Text auf weißem Hintergrund ist 87% (# 000000). Sekundärer Text, der in der visuellen Hierarchie niedriger ist, sollte einen Alpha-Wert von 54% haben (# 000000).

Ich verstehe nicht, wie diese Prozentsätze funktionieren. Zum Beispiel, wenn die Hintergrundfarbe weiß ist, welche Farbe hat der Text?

Was wäre, wenn mein Hintergrund sagen würde # 607D8B. Was wäre meine Textfarbe? Ist es nur die Hintergrundfarbe mit der Deckkraft (Alpha) auf den Prozentsatz?

Quelle

2015-04-09 AndroidDev

Der Prozentsatz für visibility der Farbe

Wenn angeben wir jede Farbe mit Hex-Format:

First 2 digit : visibility 

After 6 digit : RRGGBB

So, das Berechnungsbeispiel ist:

(87)% of (100) decimel = 87 % -> convert to (87)% of (256) in hex 222.72 rounding to 223 which is (DF) in hex

So Ihr Farbcode = #DF607D8B - primary

gleiche Art und Weise sollte jede perentage zu hex

umgewandelt werden Sie Tabelle überprüfen: here

Quelle

2015-04-09 07:13:02 Kushal

Also, wenn die Spezifikation sagt "Der Standard-Alpha-Wert für Text auf weißem Hintergrund ist 87% (# 000000)." - Es bedeutet, dass egal was Ihre Vordergrundfarbe ist (in diesem Fall # 000000), stellen Sie es auf 87% ein, aber lassen Sie das RGB gleich. Was die Spezifikation nicht sagt, ist, dass, wenn dein Hintergrund weiß ist, du Schwarz als deinen Vordergrundvortext verwenden musst. Ist das korrekt? – AndroidDev

ja Sie verstehen es richtig – Kushal

Könnten Sie bitte einen Link zu diesem Text in der Spezifikation geben? –

Ihre Farbe (#607D8B) ist RGB, während die Dokumentation ARGB (#FF607D8B) bezieht, und der Prozentsatz bezieht sich auf den Alpha-Kanal. FF ist 255 dezimal. Für gedrückt wollen Sie 40% der Alpha, die 102 macht, die 66 in Hex sein sollte. So sollte die gedrückte Farbe #66607D8B

Quelle

2015-04-09 07:07:37 Blackbelt

Aber da muss mehr sein als nur die Opazität. Wenn mein Hintergrund weiß ist, kann ich wählen, dass jede Farbe (die durch die Materialdesign-Spezifikation definiert ist) meine Hauptfarbe ist. Stellen Sie dann das Alpha dieser Primärfarbe auf das für die Spezifikation erforderliche Alpha ein? Es gibt jedoch Farben in der Materialspezifikation, die keinen Alpha-Satz haben und dennoch fast gleichwertig sind, eine andere Farbe zu nehmen und das Alpha darauf einzustellen. – AndroidDev

* Aber es gibt Farben in der Materialspezifikation, die keinen Alpha-Satz haben und doch fast so sind, als würden Sie eine andere Farbe nehmen und das Alpha darauf setzen *, können Sie ein Beispiel dafür nennen? Immerhin bezieht sich die Dokumentation auf den Alpha-Kanal – Blackbelt

Ich denke, was ich sage, ist, dass Sie eine Farbe mit einem Alpha-Wert von weniger als 100% haben können, die visuell wie eine andere Farbe ist, wo das Alpha auf 100% gesetzt ist. Beispiel: 039be5 mit der auf 100% eingestellten Deckkraft entspricht optisch der Farbe 00999b, die auf 54% festgelegt ist. Warum also überhaupt Opazität? Der einzige berechtigte Grund für die Verwendung von Prozentsätzen besteht wahrscheinlich darin, die Anzahl der Farben zu reduzieren und sich auf das Alpha zu verlassen, um die verschiedenen Zustände (normal, deaktiviert, Hover usw.) zu unterscheiden. – AndroidDev

sein Ich denke, das heißt, wenn Sie # 607D8B als Farbe verwenden dann:

schwebten: 20% # 607D8B = # 33607D8B

Gepresste: 40% # 607D8B = # 66607D8B

usw.

here ist die Tabelle mit hex-alpha-Werte

auch wenn Sie WO Wenn Sie gerne den RGB-Hexadezimalwert einer Farbe basierend auf einem RGBA-Wert und einer Hintergrundfarbe kennen, könnte Ihnen die this Website helfen.

Quelle

2015-04-09 07:08:03

Kushal Antwort, obwohl enthält gute Informationen können irreführend sein, über den Kontext Ihrer Frage ein wenig basiert.

Der Standard-Alpha-Wert für Text auf weißem Hintergrund ist 87% (# 000000).

Der von Ihnen angegebene zitierte Text gibt explizit an, dass die Prozentangaben sich auf alpha Werte beziehen.

Ich verstehe nicht, wie diese Prozentsätze zu arbeiten. Zum Beispiel, wenn die Hintergrundfarbe weiß ist, welche Farbe hat der Text?

In diesem Beispiel ist der Hintergrund weiß (#FFFFFF) und der Text ist schwarz (# 000000). Der alpha Wert des Textes ist 0.87.

Was, wenn mein Hintergrund sagen # 607D8B waren. Was wäre meine Textfarbe? Ist es nur die Hintergrundfarbe mit der Deckkraft (Alpha) auf den Prozentsatz?

Das wäre eine blau-graue Farbe, die meiner Meinung nach unter die Kategorie "dunkler Hintergrund" fallen würde. Verwenden Sie weißen Text bei voller Deckkraft.

Text Undurchsichtigkeit
Text kann mit einem unterschiedlichen Grad an Undurchsichtigkeit angezeigt werden, um zu vermitteln, wie wichtig bestimmte Informationen zu anderen Informationen sind relativ. Die für den Text verwendete Opazität hängt davon ab, ob der Hintergrund dunkler oder heller ist.

Siehe Abschnitt this Abschnitt der Richtlinien für weitere Details.

Wenn Sie Ihre Farben aus here auswählen, notieren Sie, welche Farbschrift sie darüber verwenden.

Quelle

2016-06-07 16:54:51 YoungCoconutCode

Prozent Farbe in Android für Material Design

Antwort

Verwandte Themen