1
Changements Hex & RGB
Detecte les modifications des valeurs hexadecimales et RGB, y compris les notations abregees et les variations du canal alpha.
40 cas de test
Couleurs & Themes
La couleur est l'une des proprietes visuelles les plus impactantes. Un seul changement de teinte peut briser la coherence de marque, perturber les utilisateurs ou indiquer une regression dans votre systeme de theme. Delta-QA detecte chaque variation de couleur — des changements evidents aux ecarts quasi-imperceptibles dans tous les formats CSS modernes.
Ce que nous detectons
2
Variations HSL & HSLA
Capture les ajustements de teinte, saturation et luminosite, meme lorsque la difference visuelle est subtile pour l'oeil humain.
3
Espaces colorimetriques modernes
Supporte OKLCH, LCH, Lab et autres espaces de couleurs a large gamut utilises dans les systemes de design modernes.
4
Proprietes CSS personnalisees
Suit les changements de variables CSS (--brand-color, --bg-primary) qui se propagent dans tout votre systeme de design.
5
Bascule mode sombre / clair
Detecte les regressions de theme lorsque des elements ne s'adaptent pas correctement entre les modes sombre et clair.
6
Degrades & canaux alpha
Identifie les changements dans les degrades lineaires, 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
Apres
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.
Pret a detecter chaque regression visuelle ?
Telechargez Delta-QA et detectez les changements CSS dans vos pages web — sans code.