Comment relever les couleurs d'une page sans inventer une charte officielle.
Extrayez les couleurs des styles réellement affichés et nommez leurs rôles. Un accent visible n'est pas forcément la seule couleur de marque approuvée.
Adaptez le processus à votre tâche.
Inspectez les éléments sélectionnés et relevez les couleurs avec leur rôle visible, comme texte, bordure ou fond. Distinguez les valeurs CSS calculées des couleurs prélevées dans une image. Gardez les références des éléments et précisez l'état ou le thème de page examiné.
- Ce que vous fournissez
- Styles visibles de la page sélectionnée.
- Ce que vous obtenez
- Couleurs utilisées, rôles et éléments sources.
Consultez les données et le résultat.
Entrée et sortie illustratives · exemple pédagogique, pas une exécution WebAct en direct
Exemple champ
Supplied style inspection: .card background #ffffff; button.primary background #d97736. These are inspected values, not official brand guidelines.
Exemple complet
.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.
Chargez ces données dans le prompt, puis copiez-le dans WebAct pour essayer la tâche. Votre résultat peut différer de l'illustration.
Décisions et dépannage.
Les couleurs d'une page constituent-elles la palette officielle d'une marque ?
Elles décrivent la page examinée. Les règles de marque, associations accessibles et variantes approuvées nécessitent une documentation distincte.
Pourquoi un bouton change-t-il de couleur au survol ?
Les états interactifs peuvent remplacer le style par défaut. Relevez l'état avec la valeur pour obtenir une palette utilisable.
Essayez avec votre propre source.
Remplacez l'exemple par vos données dans le prompt. Gardez les exigences nécessaires, puis copiez la tâche dans WebAct.
Personnaliser et copier la tâche ↑