In Googles Spezifikation für Material Design sehe ich Farben in Prozent angegeben:
Um eine Informationshierarchie zu vermitteln, können Sie verschiedene Schattierungen für verwenden Text. Der Standard-Alpha-Wert für Text auf weißem Hintergrund beträgt 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 # 607D8B wäre? Was wäre meine Textfarbe? Ist es nur die Hintergrundfarbe mit der Deckkraft (Alpha), die auf den Prozentwert eingestellt ist?
Der Prozentsatz gilt für visibility der Farbe
Wenn wir eine Farbe im Hex-Format angeben:
%Vor%Das Berechnungsbeispiel lautet also:
%Vor% Also Ihr Farbcode = #DF607D8B - primary
Gleichermaßen sollte jeder Anteil in hex
Sie können die Tabelle hier
überprüfen Ihre Farbe ( #607D8B ) ist RGB , während sich die Dokumentation auf ARGB ( #FF607D8B ) bezieht und der Prozentsatz sich auf den Alphakanal bezieht. FF ist 255 dezimal. Für gedrückt, Sie wollen 40% der Alpha, die macht 102 , die 66 in hex sein sollte. Also sollte die gepresste Farbe #66607D8B
Ich denke, das bedeutet, wenn Sie # 607D8B als Ihre Farbe verwenden, dann:
Schwebte: 20% # 607D8B = # 33607D8B
Gedrückt: 40% # 607D8B = # 66607D8B
usw.
hier ist die Tabelle mit den Hex-Alpha-Werten
Wenn Sie auch den RGB-Hexadezimalwert einer Farbe basierend auf einem RGBA-Wert und einer Hintergrundfarbe kennen möchten, this Website könnte Ihnen helfen.
Kushal's Antwort, obwohl sie gute Informationen enthält, kann ein wenig irreführend sein, basierend auf dem Kontext Ihrer Frage.
Der Standard-Alpha-Wert für Text auf weißem Hintergrund ist 87% (# 000000).
Der von Ihnen angegebene zitierte Text gibt explizit an, dass sich die Prozentangaben auf alpha -Werte beziehen.
Ich verstehe nicht, wie diese Prozentsätze funktionieren. 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 wäre, wenn mein Hintergrund # 607D8B wäre? Was wäre meine Textfarbe? Ist es nur die Hintergrundfarbe mit der Deckkraft (Alpha), die auf den Prozentwert eingestellt ist?
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-Deckkraft
Text kann mit verschiedenen Grad der Deckkraft angezeigt werden, um zu vermitteln, wie wichtig bestimmte Informationen relativ zu anderen Informationen sind. Die für den Text verwendete Deckkraft hängt davon ab, ob Ihr Hintergrund dunkler oder heller ist.
Weitere Informationen finden Sie in diesem Abschnitt der Richtlinien.
Beachten Sie auch, wenn Sie hier YoungCoconutCode 07.06.2016 16:54
Tags und Links android material-design