Zo haal je kleuren uit een pagina zonder een officieel merkpalet te veronderstellen.
Haal kleuren uit daadwerkelijk weergegeven stijlen en benoem hun rollen. Een zichtbare accentkleur is niet vanzelf de enige goedgekeurde merkkleur.
Stem de werkwijze af op je taak.
Inspecteer gekozen elementen en noteer kleuren met hun zichtbare rol, zoals tekst, rand of achtergrond. Onderscheid berekende CSS-waarden van kleuren die uit een afbeelding zijn gehaald. Bewaar elementverwijzingen en geef aan welke paginastand of welk thema je bekeek.
- Wat je aanlevert
- Zichtbare stijlen van de gekozen pagina.
- Wat je krijgt
- Gebruikte kleuren met rollen en bronelementen.
Bekijk de invoer en het resultaat.
Illustratieve invoer en uitvoer · een leervoorbeeld, geen live uitvoering van WebAct
Voorbeeld invoerveld
Supplied style inspection: .card background #ffffff; button.primary background #d97736. These are inspected values, not official brand guidelines.
Uitgewerkt voorbeeld
.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.
Laad deze invoer in de prompt en kopieer deze naar WebAct om de taak te proberen. Je resultaat kan afwijken van het voorbeeld.
Keuzes en probleemoplossing.
Mag je kleuren van één pagina een officieel merkpalet noemen?
Ze beschrijven de onderzochte pagina. Merkrichtlijnen, toegankelijke combinaties en goedgekeurde varianten vereisen aparte documentatie.
Waarom krijgt een knop een andere kleur bij aanwijzen?
Interactieve toestanden kunnen de standaardstijl overschrijven. Noteer de toestand samen met de kleur voor een bruikbaar palet.
Probeer het met je eigen bron.
Vervang het voorbeeld door je eigen materiaal in de taakprompt. Behoud de eisen die je nodig hebt en kopieer de taak naar WebAct.
De taak aanpassen en kopiëren ↑