Les couleurs d’un QR code : jusqu’où aller ?
Un QR code n’a pas besoin d’être noir sur blanc. Il doit en revanche être foncé sur clair, avec un contraste généreux — et quelques choix de couleurs très répandus le rendent illisible sans prévenir.
Réponse courteOui, un QR code peut être en couleur, à condition que les modules soient plus foncés que le fond et que le contraste entre les deux soit fort : bleu marine, vert foncé ou bordeaux sur blanc ou crème se scannent généralement bien. Évitez les codes inversés (clair sur foncé), les associations peu contrastées comme le jaune sur blanc, et les fonds chargés ou en dégradé, puis testez le résultat sur plusieurs téléphones.
Ce dont un lecteur a réellement besoin
Un téléphone ne voit pas la couleur quand il lit un QR code. Il convertit l’image en luminosité et décide, module par module, si chaque carré est foncé ou clair. La teinte ne compte pas ; seul compte l’écart entre les deux niveaux de luminosité, et lequel est lequel.
D’où deux règles. D’abord, les modules doivent être la partie foncée et le fond la partie claire, car c’est la disposition que décrit la norme et celle qu’attend chaque lecteur. Ensuite, l’écart entre les deux doit résister aux conditions réelles : reflets, ombre, imprimante bon marché, appareil photo qui règle son exposition sur toute la scène plutôt que sur le code.
Le noir sur blanc maximise les deux, d’où son statut de référence. Chaque changement de couleur consomme une partie de cette marge. En consommer un peu ne pose pas de problème ; en consommer l’essentiel produit un code qui se scanne au bureau et échoue sur place. La façon dont le lecteur échantillonne les modules est expliquée dans comment fonctionne un QR code.
Les associations qui marchent et celles qui échouent
| Modules sur fond | Résultat | Pourquoi |
|---|---|---|
| Noir sur blanc | Fiable | Contraste maximal ; le cas de référence. |
| Bleu marine, vert foncé ou bordeaux sur blanc | Généralement fiable | Toujours très foncé sur un fond très clair. |
| Gris foncé sur crème ou gris pâle | Généralement fiable | Convient si le fond reste vraiment pâle. |
| Bleu moyen ou orange sur blanc | Limite | Trop clair pour se distinguer nettement sous une mauvaise lumière. |
| Rouge sur noir | Échoue souvent | Les deux deviennent foncés une fois convertis en luminosité. |
| Jaune ou gris clair sur blanc | Échoue | Les deux sont lus comme clairs. |
| Pastel sur pastel | Échoue | Quasiment aucune différence de luminosité. |
| Blanc sur noir (inversé) | Échoue sur certains lecteurs | Le foncé et le clair sont inversés par rapport à ce qu’attend la norme. |
Une vérification utile : passez votre visuel en niveaux de gris. Si le code ressemble toujours à un motif noir et blanc bien net, il se scannera probablement. S’il ressemble à deux nuances de gris, non.
Les codes inversés
Des modules clairs sur fond foncé font de l’effet et sont prisés sur les emballages et les diapositives à thème sombre. Beaucoup d’applications photo récentes les lisent, mais certains lecteurs non, et vous ne choisissez pas le lecteur de votre public. Si le visuel impose un aplat foncé, placez-y un encadré blanc contenant un code normal, foncé sur clair, zone de silence comprise.
Dégradés, motifs et transparence
- Dégradés sur les modules. Un léger dégradé entre deux couleurs foncées peut fonctionner. Un dégradé qui tend vers une couleur claire laisse une partie du code sans contraste suffisant, et le lecteur a besoin de tout le code.
- Fonds à motifs ou photographiques. Une texture derrière le code ajoute du bruit exactement là où le lecteur cherche des modules clairs et nets. Gardez le code et sa zone de silence sur une surface unie.
- Fonds transparents. Si vous supprimez le fond blanc du fichier, les modules clairs prennent la couleur de ce qui se trouve derrière. Sur du papier blanc, aucun problème ; posé sur une photo sombre ou un aplat coloré, le code peut s’inverser ou disparaître. Gardez un fond clair et opaque derrière le code.
- Finitions. Les encres métallisées, les dorures et les pelliculages brillants renvoient la lumière vers l’appareil photo et peuvent effacer un contraste qui semblait correct à l’écran.
La zone de silence doit être de la même couleur claire que le fond du code. Une bordure colorée collée aux modules est lue comme faisant partie du symbole et empêche le lecteur de savoir où commence le code.
Choisir ses couleurs sur ce site
Le générateur part de modules noirs sur fond blanc, l’association qui se scanne sur le plus grand nombre de téléphones. Le générateur de QR code personnalisé vous permet de choisir une couleur de premier plan et une couleur de fond, et il applique les règles ci-dessus : le premier plan doit être le plus foncé des deux, le rapport de contraste doit atteindre au moins 4,5:1, et les codes inversés sont refusés. Le PNG et le SVG téléchargés conservent tous deux les couleurs choisies.
Vous pouvez aussi télécharger le SVG et recolorer les modules dans un logiciel comme Illustrator, Affinity, Inkscape ou Figma — pratique pour obtenir une couleur d’impression exacte. Le code étant composé de simples formes vectorielles, changer le remplissage se fait en une étape, mais plus rien ne vérifie alors le contraste à votre place. Pourquoi le SVG est le bon fichier pour cela : voir PNG ou SVG. Dans tous les cas :
- Changez d’abord uniquement la couleur des modules, en gardant le fond blanc et la zone de silence.
- Vérifiez la version en niveaux de gris : les modules doivent rester presque noirs.
- Imprimez ou affichez le code à sa taille finale, sur son support final.
- Scannez-le avec au moins trois téléphones, dont un ancien, sous une lumière faible puis forte.
- Si l’un d’eux hésite, foncez la couleur ou revenez au noir.
Si un code recoloré ne se scanne plus, le guide de dépannage passe en revue les autres suspects habituels avant d’accuser la couleur.
Choisissez vos couleurs, le contraste est vérifié pour vous :Créer un QR code personnalisé
Questions associées
Il peut être en couleur, mais pas de n’importe quelle couleur. Les modules doivent être nettement plus foncés que le fond : bleus, verts et rouges foncés sur blanc fonctionnent, le jaune, le gris clair ou les pastels non. Passer le visuel en niveaux de gris permet de vérifier rapidement.
Sur certains téléphones, pas sur tous. Les codes inversés échangent les rôles du foncé et du clair prévus par la norme, et certains lecteurs ne savent pas les décoder. Placer un code normal dans un encadré blanc sur le visuel sombre est l’alternative fiable.
Le noir sur blanc. Viennent ensuite toutes les couleurs foncées sur un fond uni et pâle, mais chaque écart par rapport au contraste maximal réduit la marge face à une mauvaise lumière ou une impression médiocre.
C’est possible, mais risqué. Les modules clairs prennent la couleur de ce qui se trouve derrière : sur un fond sombre ou chargé, le code peut s’inverser ou disparaître. Gardez un fond blanc ou pâle et opaque derrière le code et sa zone de silence.
Oui. Le générateur de QR code personnalisé vous laisse choisir les couleurs de premier plan et de fond, à condition que le premier plan soit plus foncé et que le rapport de contraste atteigne au moins 4,5:1 ; les codes inversés sont refusés. Testez le résultat imprimé sur plusieurs téléphones avant de l’utiliser.