Choisir couleurs et contraste

Comment choisir les couleurs pour votre code QR qui sont belles et se scannent de manière fiable.

Les couleurs font ressortir votre code QR, mais un mauvais choix et il ne se scannera pas. Les scanners QR fonctionnent en détectant le contraste entre les zones sombres et claires—plus le contraste est grand, plus ça fonctionne de manière fiable.

Règle critique

Un contraste insuffisant est la cause #1 des échecs de scan avec les designs personnalisés. C'est ce qui fait le plus souvent trébucher les gens.

Les bases

Premier plan (les modules sombres) : Traditionnellement noir. Peut être n'importe quelle couleur sombre. Doit absorber la lumière.

Arrière-plan (l'espace vide) : Traditionnellement blanc. Peut être n'importe quelle couleur claire. Doit refléter la lumière.

Sélecteur de couleurs montrant les couleurs prédéfinies et les entrées Couleur du code QR et Couleur de fond
L'outil de personnalisation des couleurs avec préréglages et entrée hexadécimale personnalisée

La règle du contraste

Visez au moins 40% de contraste entre le premier plan et l'arrière-plan. Voici comment différentes combinaisons fonctionnent :

CombinaisonFonctionne ?
Noir sur blanc✅ Parfait
Bleu foncé sur blanc✅ Super
Vert foncé sur crème✅ Bien
Marine sur gris clair✅ OK
Gris sur gris clair❌ Trop faible
Rouge sur rose❌ Ne scannera pas

Combinaisons sûres

Classique (fonctionne toujours) : Noir sur blanc. N'importe quelle couleur très sombre sur blanc. Noir sur n'importe quelle couleur très claire.

Marque-sûre : Couleur de marque sombre sur blanc. Noir sur couleur de marque claire. Gardez le contraste élevé.

Créative (testez soigneusement) : Couleurs moyennes, couleurs complémentaires, dégradés—tout nécessite des tests.

Ce qu'il faut éviter

Combinaisons à faible contraste : Sombre sur sombre, clair sur clair, teintes similaires. Ça ne scanne tout simplement pas.

Couleurs de premier plan problématiques : Jaune (trop clair), couleurs néon/vives (mauvais contraste), pastels.

Considérations sur le daltonisme : Les combinaisons uniquement rouge/vert peuvent être problématiques. Environ 8% des hommes ont une forme de déficience de vision des couleurs.

Fonds transparents

PNG et SVG supportent la transparence, ce qui peut avoir un aspect propre et se fondre avec n'importe quel support. Mais voici le piège : vous ne pouvez pas contrôler sur quel fond il finira. Si quelqu'un met votre code QR transparent sur un fond sombre, il ne se scannera pas.

Si vous utilisez la transparence, fournissez des directives de placement : "À utiliser uniquement sur fonds blancs ou clairs."

Dégradés

Les dégradés peuvent être superbes, mais les deux extrémités du dégradé doivent maintenir le contraste avec l'arrière-plan. Ne laissez pas le dégradé s'estomper vers des couleurs claires au premier plan—ça casse la scannabilité. Gardez tout le dégradé dans la gamme sombre.

Tester vos couleurs

Notre outil de personnalisation vous avertit si le contraste est trop faible. N'ignorez pas les avertissements.

Mais les tests en conditions réelles sont essentiels :

  1. Téléchargez le code QR
  2. Imprimez-le (si c'est pour une utilisation print)
  3. Scannez avec iPhone et Android
  4. Essayez différentes distances (de près et à quelques mètres)
  5. Essayez différentes conditions d'éclairage

Print vs écran

Print : Les couleurs apparaissent différemment imprimées qu'à l'écran. Imprimez toujours des échantillons tests. La couleur du papier affecte l'arrière-plan. Espace colorimétrique CMJN.

Écran : Plus tolérant que le print. Testez sur plusieurs écrans (la luminosité varie).

Produits/Emballages : Considérez la couleur du matériau. Les surfaces réfléchissantes sont difficiles. Testez sur le matériau réel si possible.

Problèmes courants

"Mon bleu de marque ne se scanne pas" : Il est probablement trop clair. Utilisez une nuance plus sombre spécifiquement pour les codes QR.

"Ça a l'air super à l'écran mais pas imprimé" : Les couleurs écran et print diffèrent. Imprimez des échantillons tests et ajustez.

"Le dégradé le rend inscannable" : Le dégradé va probablement trop vers le clair. Gardez tout le dégradé du premier plan dans les tons sombres.

Questions courantes

Puis-je inverser les couleurs (clair sur sombre) ? Certains scanners le supportent, mais c'est moins fiable. Nous ne le recommandons pas.

Dois-je correspondre exactement à mes couleurs de marque ? Si elles ont un contraste élevé, oui. Sinon, utilisez des variantes plus sombres/claires spécifiquement pour les codes QR.

Ça aura-t-il le même aspect une fois imprimé ? Non. Imprimez toujours des échantillons tests.

Si vous avez encore des problèmes de scan après avoir ajusté les couleurs, voir notre guide de dépannage.