Farbformate
Mit Sammlungen den Überblick behalten
Sie können Inhalte basierend auf Ihren Einstellungen speichern und kategorisieren.
Das System erstellt ein Design für die Media-Steuerelemente Ihrer App, indem es eine Ausgangsfarbe aus dem Artwork der aktuellen Media-Entität bezieht. Der dynamische Algorithmus für das Material 3-Design „Expressive“ generiert eine sekundäre, tertiäre und neutrale Palette. Dieses Design wird auf allen anderen App-Bildschirmen übernommen.
Beispiele für Farbschemas
In den folgenden Abschnitten finden Sie Beispiele für Farbdesigns.
Beispiel 1
Farbpalette (aus der Ausgangsfarbe des Kunstwerks)
Mediensteuerung
Overflow-App-Bildschirm
Beispiel 2
Farbpalette (aus der Ausgangsfarbe des Kunstwerks)
Mediensteuerung
Overflow-App-Bildschirm
Beispiel 3
Farbpalette (aus der Ausgangsfarbe des Kunstwerks)
Mediensteuerung
Overflow-App-Bildschirm
Fallback-Design
Für den Fall, dass kein Artwork oder keine Ausgangsfarbe verfügbar ist, verwendet das System ein Fallback-Design, das auf dem aktuellen Zifferblatt des Nutzers basiert.
Sie können auch eine monochrome Palette und eine Ausgangsfarbe in Ihrer Media-App verwenden. In diesem Fall wird das Artwork der Media-Einheit nicht auf dem Bildschirm mit den Media-Steuerelementen angezeigt.
Farbpalette (aus Zifferblatt-/SysUI-Farbe)
Mediensteuerung
Overflow-App-Bildschirm
Farbpalette (monochrome Farbpalette)
Mediensteuerung
Overflow-App-Bildschirm
Alle Inhalte und Codebeispiele auf dieser Seite unterliegen den Lizenzen wie im Abschnitt Inhaltslizenz beschrieben. Java und OpenJDK sind Marken oder eingetragene Marken von Oracle und/oder seinen Tochtergesellschaften.
Zuletzt aktualisiert: 2025-07-27 (UTC).
[[["Leicht verständlich","easyToUnderstand","thumb-up"],["Mein Problem wurde gelöst","solvedMyProblem","thumb-up"],["Sonstiges","otherUp","thumb-up"]],[["Benötigte Informationen nicht gefunden","missingTheInformationINeed","thumb-down"],["Zu umständlich/zu viele Schritte","tooComplicatedTooManySteps","thumb-down"],["Nicht mehr aktuell","outOfDate","thumb-down"],["Problem mit der Übersetzung","translationIssue","thumb-down"],["Problem mit Beispielen/Code","samplesCodeIssue","thumb-down"],["Sonstiges","otherDown","thumb-down"]],["Zuletzt aktualisiert: 2025-07-27 (UTC)."],[],[],null,["# Color themes\n\nThe system creates a theme for your app's media controls by sourcing a seed\ncolor from the current media entity's artwork. The Material 3 Expressive dynamic\ntheme algorithm generates a secondary, tertiary and neutral palette. This theme\nreflects across the rest of the app screens.\n\nExamples of color themes\n------------------------\n\nThe following sections show examples of color themes.\n\n### Example 1\n\n\u003cbr /\u003e\n\nColor palette (from artwork seed color)\n\n\u003cbr /\u003e\n\nMedia controls\n\n\u003cbr /\u003e\n\nOverflow app screen\n\n\u003cbr /\u003e\n\n### Example 2\n\n\u003cbr /\u003e\n\nColor palette (from artwork seed color)\n\n\u003cbr /\u003e\n\nMedia controls\n\n\u003cbr /\u003e\n\nOverflow app screen\n\n\u003cbr /\u003e\n\n### Example 3\n\n\u003cbr /\u003e\n\nColor palette (from artwork seed color)\n\n\u003cbr /\u003e\n\nMedia controls\n\n\u003cbr /\u003e\n\nOverflow app screen\n\n\u003cbr /\u003e\n\nFallback theme\n--------------\n\nTo prepare for an instance where there is no artwork, or seed color available,\nthe system uses a fallback theme based on the user's current watch face.\n\nYou can also choose to use a monochrome palette and seed color in your media\napp. In this case, the media entity's artwork doesn't appear on the media\ncontrols screen.\n\n### System media controls (fallback)\n\n\u003cbr /\u003e\n\nColor palette (from Watchface/SysUI color)\n\n\u003cbr /\u003e\n\nMedia controls\n\n\u003cbr /\u003e\n\nOverflow app screen\n\n\u003cbr /\u003e\n\n### Media app controls (fallback) - mono\n\n\u003cbr /\u003e\n\nColor palette (monochrome color palette)\n\n\u003cbr /\u003e\n\nMedia controls\n\n\u003cbr /\u003e\n\nOverflow app screen\n\n\u003cbr /\u003e"]]