Bild zu Power Apps Theme (Fluent v9 & v8)

Erzeugt aus einem Bild oder einer Markenfarbe das offizielle Power Apps Theme - fuer moderne Controls (Fluent v9) und das Creator Kit (Fluent v8). Lokal im Browser, ohne Upload.

Lade ein Logo oder einen Screenshot hoch, picke mit der Pipette eine Markenfarbe (oder lass die dominante Farbe automatisch bestimmen) und erhalte zwei fertige Theme-Ausgaben: das moderne App.Theme-YAML und die Creator-Kit-Palette als JSON und Power Fx.

Kostenlos. Für die Nutzung wird einmalig deine E-Mail-Adresse abgefragt – danach hast du Zugriff auf alle Tools. Die Verarbeitung erfolgt lokal im Browser.

So funktioniert es

1. Bild hochladen (PNG, JPG oder SVG) – es bleibt lokal im Browser.
2. Mit der Pipette ins Bild klicken oder die dominante Farbe automatisch bestimmen lassen.
3. Optional Theme-Name, Font, HueTorsion und Vibrancy anpassen.
4. Das moderne YAML oder die v8-Palette kopieren und in Power Apps einfügen.

Zwei Theming-Systeme – kurz erklärt

Power Apps kennt zwei Theming-Ansätze. Dieses Tool erzeugt beide, damit du das passende wählen kannst:

• Moderne Controls (Fluent v9): Du gibst nur die Basisfarbe an, Power Apps berechnet die Farbrampe. Einfügen über Einstellungen → Themes → Design hinzufügen → Design einfügen. Zugriff im Code über App.Theme.
• Creator Kit AppTheme (Fluent v8): Die vollständige 22-Slot-Palette als JSON. Zugriff über ColorValue(AppTheme.palette.themePrimary).

Beispiel: Moderne Controls (Fluent v9)

Themes:
  BrandFromImage:
    Font: "'Segoe UI', 'Open Sans', sans-serif"
    BasePaletteColor: '#2e4bf0'
    HueTorsion: 0
    Vibrancy: 0

Beispiel: Creator Kit Palette (Fluent v8)

{
    "palette": {
        "themePrimary": "#0078d4",
        "themeLighterAlt": "#f3f9fd",
        "themeLighter": "#d0e7f8",
        "themeLight": "#a9d3f2",
        "themeDark": "#005ba1",
        "neutralPrimary": "#323130",
        "white": "#ffffff"
    }
}

Häufige Fragen