Colores y Temas

El color es una de las propiedades visuales con más carga de sentido en una interfaz: transmite la identidad gráfica, señala las acciones principales y estructura la jerarquía de lectura. Un tono que se desvía unos puntos en un botón de conversión es una regresión visual invisible para las pruebas funcionales pero percibida de inmediato por los visitantes como una señal de calidad degradada. En las interfaces de negocio — dashboards bancarios, ERP, back-offices de administración — un código de color incoherente puede incluso inducir errores de interpretación de los datos. En la práctica, estas regresiones surgen casi siempre en los mismos contextos: rediseño de un design system, cambio de framework CSS, actualización de una variable global tipo --brand-primary, introducción de un dark mode mal propagado, o conversión silenciosa de un formato colorimétrico a otro durante un build. Las propiedades CSS personalizadas amplifican el problema: modificar un solo token impacta a veces decenas de componentes repartidos en cientos de páginas, y ningún desarrollador puede mantener mentalmente el mapa completo de las dependencias. Delta-QA aborda este tema comparando las capturas de referencia y las nuevas capturas píxel a píxel, y aplicando luego un análisis perceptual que tolera el ruido de renderizado pero alerta sobre cualquier desviación de tono significativa. La herramienta reconoce los formatos RGB, HSL, OKLCH y las variables CSS modernas, y señala tanto los cambios completos de paleta como las desviaciones sutiles de unos pocos puntos en un matiz cercano. El reporte visual generado localiza con precisión las zonas afectadas en cada snapshot, lo que permite al equipo QA validar un rediseño sin releer cada línea de la hoja de estilos.