1
Changements Hex & RGB
Détecte les modifications des valeurs hexadécimales et RGB, y compris les notations abrégées et les variations du canal alpha.
40 cas de test
Couleurs & Thèmes
La couleur est l'une des propriétés visuelles les plus chargées de sens dans une interface : elle porte la charte graphique, signale les actions principales et structure la hiérarchie de lecture. Une teinte qui dérive de quelques points sur un bouton de conversion, c'est une régression visuelle invisible aux tests fonctionnels mais immédiatement perçue par vos visiteurs comme un signal de qualité dégradée. Sur les interfaces métier — dashboards bancaires, ERP, back-offices d'admin — un code couleur incohérent peut même induire des erreurs d'interprétation des données. En pratique, ces régressions surgissent presque toujours dans les mêmes contextes : refonte d'un design system, changement de framework CSS, mise à jour d'une variable globale type --brand-primary, introduction d'un thème dark mode mal propagé, ou conversion silencieuse d'un format colorimétrique vers un autre lors d'un build. Les propriétés CSS personnalisées amplifient le problème : modifier un seul token impacte parfois des dizaines de composants répartis sur des centaines de pages, et aucun développeur ne peut tenir mentalement la cartographie complète des dépendances. Delta-QA traite ce sujet en comparant les captures d'écran de référence et les nouvelles captures pixel par pixel, puis en appliquant une analyse perceptuelle qui tolère le bruit de rendu mais alerte sur tout écart de teinte significatif. L'outil reconnaît les formats RGB, HSL, OKLCH et les variables CSS modernes, et signale aussi bien les bascules complètes de palette que les dérives subtiles de quelques points dans une nuance proche. Le rapport visuel généré localise précisément les zones touchées sur chaque snapshot, ce qui permet à l'équipe QA de valider une refonte sans relire chaque ligne de feuille de style.
Ce que nous détectons
2
Variations HSL & HSLA
Capture les ajustements de teinte, saturation et luminosité, même lorsque la différence visuelle est subtile pour l'œil humain.
3
Espaces colorimétriques modernes
Supporte OKLCH, LCH, Lab et autres espaces de couleurs à large gamut utilisés dans les systèmes de design modernes.
4
Propriétés CSS personnalisées
Suit les changements de variables CSS (--brand-color, --bg-primary) qui se propagent dans tout votre système de design.
5
Bascule mode sombre / clair
Détecte les régressions de thème lorsque des éléments ne s'adaptent pas correctement entre les modes sombre et clair.
6
Dégradés & canaux alpha
Identifie les changements dans les dégradés linéaires, radiaux et coniques, ainsi que les modifications de transparence.
Exemple interactif
Voyez exactement ce que Delta-QA détecte. Comparez les deux versions côte à côte.
Avant
Après
Scénarios concrets
🎯
La variable CSS qui change tout
Un développeur met à jour le design system et modifie la variable --brand-primary pour corriger un contraste sur le footer. Effet de bord : la couleur de tous les boutons, liens et en-têtes du site passe d'un bleu foncé à un bleu délavé. Le bouton « Ajouter au panier » se confond presque avec le fond blanc — les visiteurs ne le repèrent plus au premier coup d'œil. Le QA a vérifié le footer (la zone modifiée), pas les 40 autres pages qui utilisent cette même variable. Delta-QA compare les captures avant/après et surligne le changement de teinte sur chaque élément concerné, sur toutes les pages.
⚠️
Le dark mode qui oublie un composant
Un développeur ajoute un nouveau bloc de témoignages clients. En mode clair, tout est nickel. Mais en dark mode, le bloc reste avec un fond blanc et du texte noir — un rectangle éblouissant au milieu d'une page sombre. Vos visiteurs de nuit se prennent un flash dans les yeux. Vérifier manuellement chaque composant dans chaque thème, c'est irréaliste quand on a 30 composants et 2 thèmes. Delta-QA capture le site en mode sombre et compare à la référence : le rectangle blanc du composant oublié ressort immédiatement dans le diff.
💡
Le dégradé qui disparaît
Lors d'une mise à jour du framework CSS, une classe de dégradé est renommée. Le build passe sans erreur, mais le dégradé de la page d'accueil disparaît — remplacé par un fond blanc uni. La page perd sa profondeur et son identité de marque, on dirait un template par défaut. C'est une mise à jour mineure du framework, personne n'a pensé à retester visuellement la homepage. Delta-QA compare les captures d'écran et détecte la disparition du dégradé — la zone entière qui passe de colorée à blanche ressort clairement dans le diff.
Prêt à détecter chaque régression visuelle ?
Téléchargez Delta-QA et détectez les changements CSS dans vos pages web — sans code.