Cinquante paires de couleurs pour codes QR, et lesquelles survivent à l'impression

Ce qu'est le nombre de ce tableau, et ce qu'il n'est pas

Un rapport de contraste est la luminance relative de la plus claire de deux couleurs divisée par celle de la plus sombre, décalée pour que l'échelle aille de 1:1 pour deux couleurs identiques à 21:1 pour du noir sur blanc. C'est le même chiffre que WCAG utilise pour la lisibilité du texte, et il se calcule plutôt qu'il ne s'observe : linéariser chaque canal sRGB, les pondérer à 0,2126 pour le rouge, 0,7152 pour le vert et 0,0722 pour le bleu, puis diviser.

Cette définition mérite d'être énoncée précisément, parce que c'est la raison pour laquelle chaque ligne ci-dessous est vérifiable. Personne n'a à faire confiance à ce tableau. Deux valeurs hexadécimales et la formule donnent le même nombre sur n'importe quelle machine, ce qui est un autre genre d'affirmation que « nous l'avons testé et ça a marché ».

C'en est aussi la limite. Aucun code QR n'a été imprimé ni scanné pour produire ce tableau. La colonne de verdict applique deux seuils de design que ce site publie déjà - environ 7:1 pour l'impression et environ 4:1 pour l'écran - à un rapport calculé. C'est un filtre pour décider quelles paires méritent d'être testées, pas un substitut au test.

La raison pour laquelle ces seuils sont si loin au-dessus de ce dont un décodeur a besoin est traitée dans le test de contraste minimal : le décodeur open source qu'on peut lire abandonne autour de 1,2:1, et tout ce qui sépare ce point de 7:1 est de la marge pour ce que l'impression fait subir à un code une fois le fichier correct.

Les dix paires qui passent l'impression

Celles-ci atteignent 7:1 ou mieux et gardent assez de marge pour l'engraissement, la réflectance du papier et une source lumineuse malcommode. Chacune est une couleur très sombre sur du blanc.

La lecture pratique de ce groupe, c'est que la palette imprimable est étroite et profonde. Bleu marine, sang de bœuf, lie-de-vin, vert foncé, violet foncé : voilà les couleurs qui marchent, et une marque dont l'identité vit à cette extrémité de sa propre palette peut imprimer un code QR coloré sans y penser.

Les onze paires qui appartiennent à un écran

Celles-ci se situent entre 4:1 et 7:1. Sur un écran, où le contraste est parfait, la lumière uniforme et les bords nets, elles vont bien. À l'impression, elles ont dépensé leur marge avant que l'encre ne sèche.

C'est la bande où se situent réellement la plupart des couleurs de marque, et c'est celle qui produit l'échec caractéristique du code qui se scannait au studio et ne se scannait plus en rayon. Le test du studio était sur un moniteur.

Les treize paires qui ne devraient pas porter de code

Sous 4:1, un code QR compte sur la tolérance du décodeur plutôt que sur sa lisibilité. Ces paires se scannent parfois, sur un bon téléphone, sous une bonne lumière, à une taille généreuse - ce qui est pire qu'un échec franc, parce que cela passe le seul test que quiconque fait.

Le motif de ce groupe est l'enseignement à retenir. Ce n'est pas que certaines teintes échouent et d'autres passent : c'est que la clarté est la variable et la teinte ne l'est pas. Le vert apparaît dans les trois bandes : le vert foncé passe à 7,68:1, le Vert 700 est réservé à l'écran à 5,02:1, le Vert 500 échoue à 2,28:1. La couleur est trois fois la même idée ; seule la luminance a changé.

Codes sombres sur support teinté

Imprimer sur autre chose que du blanc abaisse le rapport, parce que les modules clairs du code sont le papier. Le kraft, le crème, le recyclé et les papiers de couleur partent tous plus bas que le fichier ne le suggère, et le fichier ne peut pas vous dire de combien.

Les deux dernières lignes sont les instructives. Le vert forêt sur blanc passait à 7,13:1 ; le même vert sur une teinte vert pâle tombe à 6,81:1 et ne passe plus le seuil de l'impression. Une teinte à peine visible a fait basculer une paire qui passait dans la bande marginale.

Les codes clairs sur fond sombre sont une autre question

Inverser un code QR - modules clairs sur fond sombre - produit facilement des rapports élevés, et le rapport n'est pas le problème. Le problème, c'est que la formule du rapport de contraste est symétrique et que les décodeurs ne le sont pas.

Un code QR est spécifié comme des modules sombres sur fond clair, et si beaucoup de décodeurs essaient la polarité inversée, tous ne le font pas et aucun ne le promet. C'est une question de parc de scanneurs plutôt qu'une question de couleur, et aucun rapport n'y répond. Si un design réclame un code inversé, la colonne de verdict dit « à tester », parce que tester est le seul moyen de savoir.

Ce que le rapport ne vous dit pas

Quatre choses se glissent entre un rapport qui passe et un code qui se scanne sur papier, et aucune n'est visible dans le fichier.

• L'engraissement. Toute presse fait légèrement grossir les zones sombres. Sur un code QR, cela veut dire que les modules clairs se resserrent, ce qui abaisse le contraste effectif exactement à l'échelle où un décodeur échantillonne.
• Le support. Le rapport suppose que le fond est la couleur du fichier. Sur du non couché, du recyclé ou du papier coloré, il ne l'est pas, et le papier fait la moitié du travail.
• La finition. Un pelliculage brillant peut poser un reflet spéculaire sur une partie du symbole, quelle que soit la qualité de la paire dessous. Un code à 21:1 sous un reflet est un code à 1:1 à cet endroit.
• L'exposition de l'appareil photo. Un téléphone mesure toute la scène. Un petit code sur une grande surface claire est exposé pour la surface, et il arrive au décodeur plus plat qu'il n'est sorti de chez l'imprimeur.

C'est pourquoi la colonne de verdict est formulée comme un seuil et non comme une promesse. Passer les 7:1 signifie que la paire n'est pas la raison de l'échec du code ; cela ne signifie pas que le code n'échouera pas.

Comment vérifier une paire qui n'est pas dans ce tableau

La plupart des palettes de marque contiennent une couleur qui n'est pas parmi les cinquante. La vérification prend quelques secondes et c'est celle qui a servi à construire le tableau.

1. Obtenez le rapport des deux valeurs hexadécimales. Entrez la couleur du code et celle du fond dans le vérificateur de contraste QR. Il renvoie le même chiffre que celui de ce tableau, pour n'importe quelle paire.
2. Comparez-le au travail, pas à un nombre unique. Environ 7:1 pour tout ce qui est imprimé, environ 4:1 pour un code qui ne sera jamais montré que sur un écran. Sous 4:1, changez la couleur plutôt que la taille.
3. Si ça échoue, assombrissez plutôt que de changer de teinte. Les échecs de ce tableau sont un problème de clarté. Un orange de marque qui échoue à 2,80:1 a en général un frère plus sombre dans la même palette qui passe les 7:1 et se lit toujours comme la marque.
4. Mesurez le fichier exporté, pas le nuancier. Le validateur de code QR lit l'export fini et signale le contraste qu'il contient réellement, ainsi que la zone de silence et la taille de module. Un dégradé ou un fond doux change la réponse donnée par les nuanciers.
5. Faites l'échelle avant un gros tirage. L'échelle de contraste du test de contraste minimal produit un seuil pour vos propres téléphones et votre propre support, et c'est le seul nombre qui décrit votre travail plutôt que le cas général.

Pour le côté design de la même décision - quelles parties d'un code peuvent prendre de la couleur et où va un accent - les codes QR en couleur traitent le placement plutôt que l'arithmétique.