Les meilleures couleurs de code QR sont des modules sombres (les carrés) sur un fond clair, et oui, les codes QR peuvent être colorés. La règle est simple : les modules doivent être nettement plus foncés que l'arrière-plan. Le noir sur blanc offre un rapport de contraste de 21:1 et est le choix le plus sûr. Pour un code de marque, visez au moins 4:1, et utilisez 7:1 ou plus pour la signalisation extérieure, où la lumière du soleil et la distance réduisent le contraste effectif. Ce guide fournit les chiffres, un tableau de couleurs et une routine de test.
Quelles couleurs de codes QR fonctionnent, et les codes QR peuvent-ils être colorés ?
Un code QR peut être de presque toutes les couleurs, et il peut utiliser différentes couleurs pour les modules et l'arrière-plan. L'appareil photo d'un téléphone ne perçoit pas la teinte. Il convertit l'image en niveaux de gris et décide, carré par carré, ce qui est sombre et ce qui est clair. La question n'est donc pas quelle couleur vous choisissez, mais à quel point les deux valeurs de niveaux de gris sont différentes.
- Fonctionne : modules bleu marine, vert foncé, anthracite, violet foncé, marron foncé ou noir sur fond blanc, crème ou un autre fond très clair.
- Fonctionne avec un test : rouge foncé, sarcelle foncé et orange foncé sur blanc. Vérifiez d'abord le rapport et scannez une épreuve imprimée.
- Ne fonctionne pas : modules jaunes, gris clair, pastel ou néon, et toute paire de couleurs ayant la même luminosité, comme le vert moyen sur le rouge moyen.
- Risqué : modules clairs sur fond sombre (codes inversés). De nombreuses applications de scanner les lisent, mais certaines non, alors évitez-les pour tout ce qui est important.
Pourquoi le contraste contrôle la lisibilité des codes QR
Les capteurs optiques lisent les codes QR en mesurant la différence de réflectance entre les modules sombres et clairs. La norme de code QR, ISO/IEC 18004, suppose des modules sombres sur un fond clair. Les modules sombres absorbent la lumière et le fond clair la réfléchit. Si la différence est trop faible, le décodeur ne peut pas séparer le motif de données de l'arrière-plan.
Dans les tests de codes-barres (ISO/IEC 15415), le contraste du symbole est la différence entre la réflectance la plus claire et la plus sombre du code. Un contraste de symbole de 70% ou plus obtient la meilleure note, et en dessous de 20%, il échoue. Les évaluateurs vérifient également la modulation, qui indique l'uniformité de la réflectance des modules clairs et sombres sur l'ensemble du symbole. Des couleurs inégales ou une faible séparation font que le scanner manque les bords des modules.
La polarité normale, avec des modules sombres sur un fond clair, fonctionne sur tous les appareils. Certaines applications d'appareil photo intégrées aux téléphones ne peuvent pas lire les codes clairs sur fond sombre, et la compatibilité varie selon le modèle de téléphone et la version du logiciel. Utilisez la polarité normale, sauf si vous avez testé la version inversée sur les appareils utilisés par votre public.
Évaluation des rapports de contraste des couleurs et des seuils
Le rapport de contraste est un nombre allant de 1:1 (aucune différence) à 21:1 (noir sur blanc). Ce rapport est tiré des règles d'accessibilité des Web Content Accessibility Guidelines (WCAG), qui ont été rédigées pour le texte mais constituent un moyen pratique de vérifier les couleurs des QR codes. Un vérificateur de contraste (recherchez "vérificateur de contraste WCAG") accepte deux codes hexadécimaux et renvoie le rapport. Pour en savoir plus sur la conception inclusive, lisez notre guide sur Rendre un QR code conforme à l'ADA : guide.
Utilisez ces objectifs. Au moins 4:1 est le minimum pour l'impression intérieure et les écrans. 7:1 ou plus est plus sûr pour les emballages, les dépliants et tout ce qui est photographié sous diverses lumières. 10:1 ou plus est l'objectif pour la signalisation extérieure. Les ratios ci-dessous sont approximatifs et dépendent de la nuance exacte.
| Combinaison de couleurs | Rapport de contraste approximatif | Évaluation de la scannabilité |
|---|---|---|
| Noir sur Blanc | 21:1 | Optimal (standard de l'industrie) |
| Bleu marine sur Beige | ~15:1 | Excellent |
| Bleu foncé sur Jaune clair | ~12:1 | Très bon |
| Brun foncé sur blanc cassé | ~8:1 | Bon |
| Rouge pur (#FF0000) sur blanc | ~4:1 | Limite, testez avant d'imprimer |
| Rouge foncé (#8B0000) sur blanc | ~11:1 | Très bon |
| Gris clair sur blanc | ~1.5:1 | Mauvais (échecs de numérisation fréquents) |
| Jaune sur blanc | ~1.1:1 | Inscanable |
Personnalisez les codes sans sacrifier la scannabilité Testez les couleurs et prévisualisez votre design en temps réel en utilisant notre Générateur de QR code avec logo pour équilibrer l'esthétique de la marque avec une numérisation fiable.
Meilleur rapport de contraste des codes QR pour la signalisation extérieure
Aucune norme ne fixe de rapport requis pour les codes QR extérieurs, mais les conditions extérieures réduisent le contraste de trois manières : le soleil direct délaver les zones claires, l'éblouissement masque des parties du code, et la distance floute les petits modules. Prévoyez une marge de sécurité plus grande que celle que vous utiliseriez en intérieur.
- Utilisez du noir ou une couleur très foncée sur du blanc. Visez un rapport de 10:1 ou plus.
- Imprimez sur un matériau mat ou ajoutez un stratifié mat. Le vinyle brillant et le verre reflètent le soleil et perturbent le motif.
- Dimensionnez le code en fonction de la distance de numérisation. Une règle courante est de 1 unité de largeur de code pour chaque 10 unités de distance, donc un code scanné à 2 mètres (environ 6,5 pieds) devrait mesurer environ 20 cm (8 pouces) de large.
- Conservez la zone de calme complète et placez le code sur un panneau lumineux uni au lieu d'une photo.
- Évitez de placer le code là où il fait face au soleil bas ou derrière du verre, et scannez le panneau imprimé sur le site réel avant de commander une production complète.
Contraste des codes-barres : Codes QR vs Codes-barres linéaires
Les mêmes règles de contraste s'appliquent aux autres codes-barres à contraste élevé, tels que le Code 128 ou l'EAN. Les scanners de détail utilisent souvent un laser rouge, et la lumière rouge ne perçoit pas les barres rouges ou l'encre rouge comme foncées. Pour les codes-barres linéaires, imprimez les barres en noir, bleu foncé ou vert foncé sur du blanc, et jamais en rouge ou orange. Les codes QR lus par l'appareil photo d'un téléphone sont moins sensibles à la teinte, mais le même conseil donne le résultat le plus fiable pour les deux.
Protection de la zone de calme et des dimensions du code
Un contraste élevé doit s'étendre jusqu'au bord du code. La marge vide autour du motif est la zone de calme. Elle indique à la caméra où le code commence et où d'autres illustrations se terminent.
- Maintenez une zone de calme d'au moins quatre largeurs de module sur les quatre côtés.
- Gardez cette marge exempte de texte, d'illustrations et de bordures.
- Faites correspondre la zone de calme à la couleur de votre arrière-plan clair afin que la délimitation soit nette.
- Imprimez des codes d'au moins 2 x 2 cm (0,8 x 0,8 pouces) pour une numérisation rapprochée, à la main. Agrandissez-les pour les liens plus longs, car plus de données signifie des modules plus petits.
- Préférez un lien court. Une URL courte crée un motif plus simple avec des modules plus grands qui se scannent mieux en basse lumière.
Le texte ou les illustrations à l'intérieur de la zone de silence sont une cause fréquente d'erreurs de scan sur les supports de marque. Notre guide pour les meilleures pratiques pour la lisibilité des codes QR montre comment conserver les marges tout en adaptant votre mise en page.
Éviter les erreurs courantes de couleur et de style
La personnalisation d'un code peut nuire à la lisibilité. Les appareils photo convertissent l'image en niveaux de gris, de sorte que deux teintes différentes peuvent avoir la même luminosité et se fondre en un seul gris.
- Évitez les modules pastel tels que le bleu layette, la menthe ou le jaune pâle.
- Évitez les modules rouge vif ou orange. Les scanners laser lisent le rouge comme de la lumière, et le rapport de contraste est souvent inférieur à 5:1. Un rouge foncé comme le marron est beaucoup plus sûr.
- Évitez les dégradés où la partie la plus claire de la couleur du module est proche de l'arrière-plan.
- Évitez les arrière-plans transparents sur les photos, le papier texturé ou les emballages à motifs. Placez le code sur un panneau clair uni.
- Évitez les designs inversés avec des modules clairs sur un fond sombre, sauf si vous les avez testés sur les téléphones utilisés par votre public.
- Évitez les grands logos. Un logo qui couvre trop de modules peut dépasser la correction d'erreur du code.
Connaître ces limites vous permet d'apprendre comment créer un code QR personnalisé qui met en valeur votre marque sans entraver le décodage.
Test et validation dans des environnements réels
Un code qui se scanne depuis un écran lumineux peut échouer sur papier. La lumière ambiante, l'angle de vue et la texture du matériau modifient tous le contraste qui atteint l'objectif. La lumière directe du soleil estompe les petites différences de couleur, les pièces sombres réduisent la capacité du capteur à séparer les modules, et les finitions brillantes ajoutent des reflets.
Effectuez cette vérification avant chaque travail d'impression :
- Vérifiez la paire de couleurs avec un vérificateur de contraste. Le rapport doit être d'au moins 4:1, et de 7:1 ou plus pour l'emballage et l'utilisation en extérieur.
- Imprimez une épreuve sur le matériau réel, à la taille réelle, avec la finition réelle.
- Scannez-le avec l'appareil photo intégré d'au moins un iPhone et un téléphone Android, un téléphone plus ancien si possible, et un basé sur navigateur Scanner QR code.
- Scannez dans les pires conditions d'éclairage auxquelles le code sera confronté : pièce sombre, lumière directe du soleil et sous un angle.
- S'il hésite, augmentez le contraste, agrandissez le code, raccourcissez le lien ou restaurez la zone de silence.
Notre guide sur Tester un QR code avant impression : mode d'emploi couvre ce sujet plus en détail, et comment améliorer la lisibilité d'un code QR couvre les solutions pour les codes qui échouent.
Maximiser la fiabilité et l'engagement du code QR
Considérez le contraste comme une exigence technique, pas comme une touche finale. Choisissez une couleur foncée sur un fond clair, maintenez la zone de silence et testez une épreuve imprimée sous la lumière à laquelle elle sera confrontée. Cela protège votre budget d'impression des codes qui ne scannent pas.
Créez votre code à contraste élevé avec notre Générateur de code QR. Définissez les couleurs du module et de l'arrière-plan, et téléchargez un PNG, SVG ou PDF. Si vous imprimez un code et que vous devez modifier le lien plus tard, utilisez un code dynamique : vous pouvez modifier la destination après l'impression et voir les statistiques de scan. Les codes dynamiques sont livrés avec un essai gratuit de 14 jours, et les forfaits sont listés à https://pageloot.com/pricing/.
Questions fréquentes
Visez au moins 4:1 entre les modules et l'arrière-plan. Utilisez 7:1 ou plus pour les emballages et les dépliants, et 10:1 ou plus pour la signalisation extérieure. Le noir sur blanc est de 21:1.
Oui. N'importe quelle couleur fonctionne si les modules sont clairement plus foncés que l'arrière-plan. Le bleu marine profond, le vert forêt, le gris anthracite et le marron sur fond blanc ou crème fonctionnent bien. Le jaune, le gris clair et les couleurs pastel ne fonctionnent pas.
Les modules et l'arrière-plan peuvent avoir des couleurs différentes, et vous pouvez utiliser n'importe quelle teinte, mais seule la différence de luminosité compte. Un téléphone lit le code en niveaux de gris, donc deux couleurs de luminosité égale échoueront. Vérifiez le rapport et scannez une preuve imprimée.
Il n'y a pas de norme officielle. Un rapport de 10:1 ou plus est un objectif sûr, comme le noir sur blanc. Utilisez une finition mate pour réduire l'éblouissement, taillez le code à environ 1/10 de la distance de balayage, et testez-le sur place.
Oui, si la couleur de votre marque est suffisamment foncée, comme le bleu marine profond, le vert forêt ou le gris anthracite, et se trouve sur un fond clair et uniforme. Si la couleur de votre marque est claire, utilisez une nuance foncée de celle-ci pour les modules.
La norme QR définit des modules sombres sur un fond clair. De nombreuses applications d'appareil photo recherchent d'abord ce motif, et certaines ne peuvent pas lire les modules clairs sur un fond sombre. Le support varie selon le téléphone, alors testez avant d'imprimer.
Oui. Les codes-barres linéaires, comme le Code 128 ou l'EAN, nécessitent également des barres foncées sur un fond clair. Les scanners laser utilisés dans le commerce de détail emploient une lumière rouge, il ne faut donc jamais imprimer les barres en rouge ou en orange.
