Pourquoi le contraste est non négociable
Un décodeur de code QR fonctionne en identifiant des modules foncés sur un fond clair. Le décodeur ne voit pas la couleur : il voit la luminosité relative. Un module est soit foncé (en dessous d'un seuil de luminance) soit clair (au-dessus). Si la différence de luminance entre la couleur des modules et la couleur de fond est trop faible, le décodeur ne peut pas les distinguer de manière fiable et le code échoue.
C'est pourquoi un code QR bleu marine foncé sur un fond gris moyen peut sembler visuellement distinct pour un humain — la différence de couleur est évidente — mais ne pas se scanner quand même : la différence de luminosité (contraste de luminance) est insuffisante.
Quel est le seuil de contraste
Le standard ISO/IEC 18004 (qui régit les codes QR) exige une différence minimale de réflectance entre les éléments foncés et clairs. En termes pratiques, cela se traduit par une exigence de rapport de contraste similaire aux standards de contraste d'accessibilité.
Pour un scan fiable, un rapport de contraste minimal de 3:1 entre la couleur des modules et la couleur de fond est recommandé. Le noir (#000000) sur blanc (#FFFFFF) donne un rapport de contraste de 21:1, le maximum possible.
Le vérificateur de contraste QR de ce site calcule le rapport de contraste pour toute combinaison de couleurs hexadécimales de premier plan et de fond, et vous indique si elle respecte le seuil.
Le problème de l'inversion
Un code QR blanc sur fond foncé est parfois appelé code QR « inversé ». Certains décodeurs le gèrent bien. D'autres non, notamment les applications de scan plus anciennes et de nombreux lecteurs de codes-barres de point de vente.
Si votre design exige un fond foncé, l'approche la plus sûre est de placer le code QR sur un rectangle blanc inséré dans le fond foncé, plutôt que d'inverser les couleurs des modules. Cela préserve l'orientation standard foncé sur clair tout en fonctionnant dans un design sombre.
Échecs de contraste courants en production
Codes QR aux couleurs de marque. Les codes QR sympas aux couleurs personnalisées d'une marque sont courants sur les supports marketing imprimés. Certains vont jusqu'à l'art avec code QR, intégrant le symbole dans une composition visuelle plus large. Les codes QR créatifs de ce type peuvent fonctionner correctement, à condition que le rapport de contraste reste suffisant. Une entreprise utilise son bleu de marque (#003087) comme couleur de module. Sur un fond gris clair, le code ressemble à la marque. Mais si ce gris est #d0d0d0, le rapport de contraste est d'environ 4,5:1, ce qui est limite. Sur un fond moyen (#b0b0b0), il peut tomber sous 3:1 et commencer à échouer sur certains scanners.
Fonds dégradés. Un code QR placé sur un fond dégradé passant du clair au foncé aura un contraste adéquat d'un côté et sera insuffisant de l'autre. La région la moins performante détermine si le code se scanne globalement.
Papier ou carton coloré. Un code imprimé en encre noire sur carton crème, beige ou coloré se scannera bien. Un code imprimé avec de l'encre colorée sur tout carton coloré peut ne pas le faire. La reproduction de votre couleur d'encre sur le substrat réel compte : testez toujours un échantillon physique.
Variations de couleur de l'écran à l'impression. Les couleurs qui semblent à fort contraste à l'écran changent parfois significativement à l'impression. Une couleur de module bleu sarcelle foncée qui semble foncée sur un moniteur calibré peut s'imprimer nettement plus claire sur du papier non couché. Demandez un bon à tirer avant un tirage de production.
Transparence et superpositions. Les codes QR placés au-dessus d'images ou de textures héritent des problèmes de contraste de ce qui se trouve derrière eux. Un code placé sur une photographie avec des régions claires et foncées variables aura un contraste incohérent dans la zone du code.
L'approche sûre
Si la fiabilité compte plus que l'esthétique, utilisez des modules noirs sur fond blanc. Ce n'est pas un manque de créativité : c'est le standard pour une raison.
Si vos contraintes de design exigent de la couleur, suivez ces règles :
- Les modules foncés doivent être plus foncés que le fond clair, jamais plus clairs.
- Calculez le rapport de contraste en utilisant le vérificateur de contraste QR avant d'approuver le design.
- Testez la sortie imprimée réelle, pas seulement la maquette à l'écran.
- Gardez la couleur des modules dans la plage foncée (luminance inférieure à 35 %) et le fond dans la plage claire (luminance supérieure à 65 %) pour une marge confortable.
Vérifier un code QR imprimé existant
Si vous avez un code QR imprimé qui ne se scanne pas et que le contraste est une cause suspectée, photographiez-le sous un éclairage constant et examinez les couleurs. Relevez les couleurs de fond et de modules, puis passez-les dans le vérificateur de contraste. Si le rapport est inférieur à 3:1, le contraste est probablement le problème.
En utilisant le générateur de code QR d'URL, régénérez le code avec des modules noirs sur fond blanc, réimprimez-le et confirmez qu'il se scanne de manière fiable avant d'investiguer d'autres causes.