Como extrair cores de uma página sem presumir uma paleta oficial.
Extraia cores dos estilos realmente exibidos e indique suas funções. Um destaque visível não é necessariamente a única cor de marca aprovada.
Adapte o fluxo à sua tarefa.
Inspecione elementos selecionados e registre as cores com seu papel visível, como texto, borda ou fundo. Diferencie valores CSS calculados de cores amostradas de uma imagem. Preserve referências aos elementos e diga qual estado ou tema da página foi inspecionado.
- O que você fornece
- Estilos visíveis da página selecionada.
- O que você recebe
- Cores usadas com funções e elementos de origem.
Veja a entrada e o resultado.
Entrada e saída ilustrativas · exemplo didático, não uma execução real do WebAct
Exemplo campo
Supplied style inspection: .card background #ffffff; button.primary background #d97736. These are inspected values, not official brand guidelines.
Exemplo completo
.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.
Carregue esta entrada no prompt e copie para o WebAct para testar a tarefa. Seu resultado pode ser diferente da ilustração.
Decisões e solução de problemas.
Cores extraídas de uma página são a paleta oficial da marca?
Elas descrevem a página inspecionada. Regras de marca, combinações acessíveis e variações aprovadas exigem documentação separada.
Por que o botão muda de cor quando o ponteiro passa sobre ele?
Estados interativos podem substituir o estilo padrão. Registre o estado junto ao valor ao reunir uma paleta utilizável.
Teste com sua própria fonte.
Substitua o exemplo pelo seu material no prompt. Mantenha os requisitos necessários e copie a tarefa para o WebAct.
Personalizar e copiar a tarefa ↑