Cómo extraer colores de una página sin asumir una paleta oficial.
Extrae colores de los estilos realmente representados e indica su función. Un acento visible no es necesariamente el único color de marca aprobado.
Adapta el flujo de trabajo a tu tarea.
Inspecciona los elementos seleccionados y registra los colores con su función visible, como texto, borde o fondo. Distingue valores CSS calculados de colores muestreados de una imagen. Conserva referencias a los elementos e indica qué estado o tema de la página se examinó.
- Qué aportas
- Estilos visibles de la página seleccionada.
- Qué obtienes
- Colores usados con sus funciones y elementos de origen.
Mira la entrada y el resultado.
Entrada y salida ilustrativas · ejemplo didáctico, no una ejecución de WebAct en directo
Ejemplo campo
Supplied style inspection: .card background #ffffff; button.primary background #d97736. These are inspected values, not official brand guidelines.
Ejemplo 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.
Carga esta entrada en el prompt y cópialo en WebAct para probar la tarea. Tu resultado puede diferir del ejemplo.
Decisiones y solución de problemas.
¿Los colores de una sola página constituyen la paleta oficial de la marca?
Describen la página examinada. Las normas de marca, las combinaciones accesibles y las variantes aprobadas requieren documentación independiente.
¿Por qué cambia el color de un botón al pasar el puntero?
Los estados interactivos pueden sustituir el estilo predeterminado. Registra el estado junto al valor al reunir una paleta útil.
Pruébalo con tu propia fuente.
Sustituye el ejemplo por tu material en el prompt. Conserva los requisitos que necesites y copia la tarea en WebAct.
Personalizar y copiar la tarea ↑