So erfasst du Seitenfarben, ohne eine offizielle Markenpalette zu behaupten.
Ermittle Farben aus tatsächlich gerenderten Stilen und benenne ihre Rollen. Eine sichtbare Akzentfarbe muss nicht die einzige freigegebene Markenfarbe sein.
Passe den Ablauf an deine Aufgabe an.
Prüfe ausgewählte Elemente und notiere Farben samt sichtbarer Rolle, etwa Text, Rahmen oder Hintergrund. Trenne berechnete CSS-Werte von Farben, die aus einem Bild entnommen wurden. Behalte Elementverweise und nenne den geprüften Seitenzustand oder das Theme.
- Was du bereitstellst
- Sichtbare Stile der gewählten Seite.
- Was du erhältst
- Verwendete Farben mit Rollen und Ursprungselementen.
Sieh dir Eingabe und Ergebnis an.
Beispielhafte Ein- und Ausgabe · ein Lehrbeispiel, kein tatsächlicher WebAct-Durchlauf
Beispiel Eingabe
Supplied style inspection: .card background #ffffff; button.primary background #d97736. These are inspected values, not official brand guidelines.
Vollständiges Beispiel
.card — role: card background — color: #ffffff button.primary — role: primary-button background — color: #d97736 Scope: two supplied element styles. Hover states, theme variants and brand approval are not established by this sample.
Lade diese Eingabe in den Prompt und kopiere ihn zum Ausprobieren nach WebAct. Dein Ergebnis kann vom Beispiel abweichen.
Entscheidungen und Fehlerbehebung.
Sind Farben von einer Seite die offizielle Markenpalette?
Sie beschreiben die geprüfte Seite. Markenregeln, barrierefreie Kombinationen und freigegebene Varianten erfordern eigene Dokumentation.
Warum ändert eine Schaltfläche beim Darüberfahren die Farbe?
Interaktive Zustände können den Standardstil überschreiben. Erfasse Zustand und Wert gemeinsam, wenn die Palette nutzbar sein soll.
Probiere es mit deiner eigenen Quelle.
Ersetze das Beispiel im Aufgaben-Prompt durch dein Material. Behalte nötige Anforderungen bei und kopiere die Aufgabe nach WebAct.
Aufgabe anpassen und kopieren ↑