Design des codes QR

Couleurs des codes QR : comment les personnaliser sans qu’ils cessent de fonctionner

Guide pour utiliser des couleurs, des dégradés et des fonds dans vos codes QR tout en conservant leur lisibilité : contraste minimal, combinaisons qui fonctionnent, erreurs à éviter et comment les tester.

Couleurs des codes QR : comment les personnaliser sans qu’ils cessent de fonctionner

Un code QR en noir et blanc fonctionne parfaitement, mais passe inaperçu. Un code aux couleurs de votre marque attire l’attention, transmet du professionnalisme et s’intègre mieux à votre emballage, à votre site ou à votre affiche. Le problème, c’est que toutes les couleurs ne fonctionnent pas : certains designs magnifiques sont impossibles à scanner. Dans ce guide, nous vous expliquons comment choisir les couleurs de vos codes QR sans sacrifier la lecture.

Comment un lecteur de QR « voit » les couleurs

Le lecteur de codes QR n’interprète pas les couleurs en tant que telles. Il convertit l’image en niveaux de gris et décide, pour chaque module, s’il est foncé ou clair. Ce qui compte n’est donc pas la couleur utilisée, mais la différence de luminosité entre les modules et le fond. Un bleu marine sur blanc fonctionne aussi bien que le noir ; un jaune sur blanc, presque jamais.

Règle 1 : des modules foncés sur un fond clair

C’est la règle la plus importante. Les modules (les « points » du code) doivent être plus foncés que le fond. Si vous inversez le schéma, avec des modules clairs sur fond foncé, de nombreux lecteurs, surtout ceux des appareils photo anciens et certaines applications, ne reconnaîtront pas le code. Même si certains téléphones récents le lisent, le risque n’en vaut pas la peine sur un support imprimé.

Règle 2 : un contraste suffisant

À titre de référence, visez un contraste d’au moins 4:1 entre les modules et le fond, semblable à celui recommandé pour des textes lisibles sur le web. En pratique :

CombinaisonRésultat
Noir sur blancExcellent
Bleu marine sur blancExcellent
Vert foncé sur crèmeTrès bon
Rouge foncé sur blancBon
Gris moyen sur blancRisqué
Jaune ou bleu ciel sur blancNe fonctionne pas
Blanc sur noir (inversé)Déconseillé

En cas de doute, convertissez votre design en noir et blanc avec n’importe quel éditeur d’images : si le code apparaît net en niveaux de gris, il fonctionnera.

Dégradés : oui, mais avec prudence

Les dégradés donnent un aspect moderne et attrayant. Pour qu’ils fonctionnent :

  • Utilisez des dégradés entre deux couleurs foncées, par exemple du bleu au violet ou du vert foncé au bleu pétrole.
  • Évitez que le dégradé se termine par une couleur claire, car les modules de cette zone se confondront avec le fond.
  • Appliquez le dégradé aux modules et gardez un fond uni et clair.

Avec le générateur de codes QR de QRcrea, vous pouvez appliquer des dégradés linéaires ou radiaux et voir le résultat dans l’aperçu.

Couleurs des yeux

Les trois grands carrés des coins, appelés « yeux » ou motifs de position, peuvent être colorés séparément. C’est un moyen très efficace de donner de la personnalité : modules en noir et yeux à la couleur de votre marque, par exemple. Respectez aussi pour les yeux la règle du foncé sur clair.

Fonds

  • Fond blanc ou très clair : l’option la plus sûre.
  • Fond transparent : utile pour placer le code sur un design, mais seulement si ce qui se trouve dessous est clair et uni.
  • Fond avec image ou texture : à éviter. Les textures perturbent le lecteur. Si le design l’exige, placez le code dans un encadré blanc.

N’oubliez pas la zone de silence : la marge claire autour du code. Si vous placez le code sur un fond coloré, prévoyez un encadré blanc qui inclut cette marge.

Couleurs de marque : comment les adapter

De nombreuses marques ont des couleurs claires ou vives (jaune, orange, turquoise) qui ne conviennent pas aux modules. Quelques solutions :

  1. Utilisez une version foncée de votre couleur de marque pour les modules.
  2. Utilisez votre couleur de marque pour les yeux ou le cadre, et du noir ou du bleu foncé pour les modules.
  3. Utilisez votre couleur de marque comme fond de l’encadré qui entoure le code, en laissant le code lui-même sur blanc.
  4. Placez votre logo au centre pour renforcer l’identité sans compromettre le contraste.

Impression : les couleurs changent

Les couleurs de l’écran (RVB) ne sont pas exactement les mêmes que les couleurs imprimées (CMJN). Un bleu vif à l’écran peut sortir plus terne sur papier, et un gris moyen peut devenir trop clair. C’est pourquoi :

  • Demandez une épreuve d’impression avant le tirage complet.
  • Téléchargez le code au format vectoriel (SVG, PDF ou EPS) pour que l’imprimeur puisse ajuster les couleurs.
  • Évitez les encres métalliques ou fluorescentes pour les modules : elles reflètent la lumière et compliquent la lecture.

Testez toujours

Avant de valider un design, scannez-le :

  1. Avec au moins deux téléphones différents, dont un de milieu ou d’entrée de gamme.
  2. Avec peu de lumière et avec une lumière forte.
  3. Depuis la distance réelle à laquelle il sera scanné.
  4. Imprimé, pas seulement à l’écran.

Questions fréquentes

Puis-je faire un code QR d’une seule couleur autre que le noir ?

Oui, à condition qu’il s’agisse d’une couleur foncée sur un fond clair. Le bleu marine, le vert foncé, le bordeaux, le violet ou le brun foncé fonctionnent très bien.

Les codes QR en couleur se scannent-ils moins bien ?

Non, si le contraste est bon. Un code bleu foncé sur blanc se scanne aussi bien qu’un code noir.

Puis-je placer le code sur une photo ?

Pas directement. Placez le code dans un encadré blanc avec sa zone de silence et positionnez cet encadré sur la photo.

Conclusion

Personnaliser la couleur de vos codes QR est un moyen simple de les rendre plus attrayants et cohérents avec votre marque, à condition de respecter trois règles : des modules foncés sur un fond clair, un contraste suffisant et un fond uni avec marge. Utilisez des dégradés foncés, colorez les yeux avec votre couleur de marque et testez toujours le résultat imprimé. Concevez votre code en couleurs avec le générateur de codes QR de QRcrea et voyez instantanément le résultat.

Prêt à créer votre code QR ?

Personnalisez-le avec vos couleurs et votre logo, et téléchargez-le gratuitement en quelques secondes.

Créer un code QR
Défiler vers le haut