Pourcentage de couleurs dans Android pour la conception de matériaux

Dans la spécification de Google pour la conception du matériel, je vois les couleurs spécifiées comme des pourcentages:

Pour transmettre une hiérarchie d'informations, vous pouvez utiliser différentes nuances pour le texte. La valeur alpha standard pour le texte sur fond blanc est de 87% (# 000000). Le texte secondaire, qui est plus bas dans la hiérarchie visuelle, devrait avoir une valeur alpha de 54% (# 000000).

  • Exemples de code pour la programmation Android Bluetooth
  • Comment partager le fichier de stockage interne avec le client Gmail
  • Hide Year field dans Android DatePicker?
  • Deux boutons flottants dans la même disposition
  • Création d'une simple application de rappel dans Android
  • Comment puis-je changer la sonnerie dans Android de manière programmée?
  • Je ne comprends pas comment ces pourcentages fonctionnent. Par exemple, si la couleur d'arrière-plan est blanche, quelle est la couleur du texte?

    Et si mes antécédents disaient # 607D8B. Quelle serait la couleur de mon texte? Est-ce juste la couleur d'arrière-plan avec l'opacité (alpha) définie par rapport au pourcentage?

  • Désactiver le toucher multi-doigts dans mon application
  • L'icône de l'application ne s'affiche pas dans la barre d'action
  • Comment obtenir tous les éléments contrôlés à partir d'un ListView?
  • Comment enregistrer l'état lors de la modification d'orientation dans Android si l'état est constitué de mes classes?
  • Comment configurer gradle pour fonctionner "hors ligne" (en utilisant les dépendances mises en cache)
  • Le Diviseur Horizonal supérieur et le plus bas ne s'affiche pas dans ListView
  • 4 Solutions collect form web for “Pourcentage de couleurs dans Android pour la conception de matériaux”

    Le pourcentage est pour la visibility de la couleur

    Lorsque nous spécifions une couleur en utilisant le format hexadécimal:

     First 2 digit : visibility After 6 digit : RRGGBB 

    Donc, l'exemple de calcul est le suivant:

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

    Donc votre code de couleur = #DF607D8Bprimary

    De même, tout pérentage doit être converti en hex

    Vous pouvez vérifier la table: ici

    Votre couleur ( #607D8B ) est RGB , alors que la documentation se réfère à ARGB ( #FF607D8B ), et le pourcentage se réfère à la chaîne alpha. FF est 255 décimal. Pour presser vous voulez 40% de l'alpha, ce qui fait 102 , qui devrait être 66 en hexadécimal. La couleur pressée doit donc être #66607D8B

    Je suppose que cela signifie que si vous utilisez # 607D8B comme couleur alors:

    Hovered: 20% # 607D8B = # 33607D8B

    Pressé: 40% # 607D8B = # 66607D8B

    etc.

    Voici la table avec des valeurs hexadécimales

    De plus, si vous souhaitez connaître la valeur hexadéxique RVB d'une couleur basée sur une valeur RGBA et une couleur d'arrière-plan, ce site pourrait vous aider.

    La réponse de Kushal, même si elle contient de bonnes informations, peut être un peu trompeuse en fonction du contexte de votre question.

    La valeur alpha standard pour le texte sur fond blanc est de 87% (# 000000).

    Le texte cité que vous fournissez indique explicitement que les pourcentages se réfèrent aux valeurs alpha .


    Je ne comprends pas comment ces pourcentages fonctionnent. Par exemple, si la couleur d'arrière-plan est blanche, quelle est la couleur du texte?

    Dans cet exemple, l'arrière-plan est blanc (#FFFFFF) et le texte est noir (# 000000). La valeur alpha du texte est de 0.87 .


    Et si mes antécédents disaient # 607D8B. Quelle serait la couleur de mon texte? Est-ce juste la couleur d'arrière-plan avec l'opacité (alpha) définie par rapport au pourcentage?

    Ce serait une couleur bleu-gris, qui, à mon avis, relèverait de la catégorie «arrière-plan sombre». Utilisez le texte blanc à l'opacité complète.


    Opacité du texte
    Le texte peut être affiché avec différents degrés d'opacité pour transmettre l'importance de certaines informations par rapport à d'autres informations. Le niveau d'opacité utilisé pour le texte dépend de si votre fond est plus sombre ou plus clair.

    Reportez-vous à cette section des lignes directrices pour plus de détails.

    En outre, si vous choisissez vos couleurs à partir d' ici , prenez note de la police de couleur qu'ils utilisent en plus.

    coAndroid est un fan Android de Google, tout sur les téléphones Android, Android Wear, Android Dev et Android Games Apps.