Donne tes couleurs à un code QR sans perdre le scan
Un code QR peut prendre presque n'importe quelle couleur, du moment que son motif reste nettement plus sombre que le fond derrière lui. Le bleu marine foncé, le rouge profond et le vert bouteille fonctionnent. Le jaune, le cyan et les accents pastel non, quel que soit l'outil qui les a produits. Cette page explique quelle couleur va sur quelle partie d'un code, et comment vérifier la paire avant de partir à l'impression.
Générer un code QRQu'est-ce qu'un code QR en couleur ?
Un code QR en couleur est un code QR standard dont le motif, les motifs de détection, le fond ou le cadre portent d'autres couleurs que le noir et le blanc. Les données ne changent pas avec la couleur : un scanner lit les mêmes modules dans les deux cas. Ce que la couleur change, c'est la capacité d'un appareil photo à distinguer encore les modules sombres des modules clairs.
Les quatre parties que tu peux colorer
Un code QR en couleur n'est pas une décision de couleur, mais quatre - et elles ne portent pas du tout le même risque. Deux décident si le code scanne. Deux sont gratuites.
- Le motif - les modules de données eux-mêmes. C'est de cette couleur que dépend le scan, alors elle prend la couleur la plus sombre de ta palette et non la plus reconnaissable.
- Les motifs de détection dans les angles - les trois repères qu'un scanner localise avant de décoder quoi que ce soit. Ils peuvent avoir leur propre couleur, mais une couleur pâle échoue exactement là où un code ne se rattrape pas.
- Le fond - blanc ou une teinte très claire. Assombrir le fond dépense le contraste dont le motif a besoin, et c'est le plus difficile des deux à récupérer.
- Le cadre et l'étiquette - l'anneau, la bordure et le texte « Scanne-moi » autour du code. Aucun scanner ne lit tout cela, et c'est pour ça que c'est le seul endroit où une couleur d'accent vive ne coûte rien.
Ce partage est toute l'astuce derrière les codes en couleur qui fonctionnent. Dépense la couleur de marque saturée sur le cadre, l'étiquette et le panneau derrière le code, et garde le motif lui-même presque noir. Le résultat se lit comme incontestablement le tien au premier regard, alors que la partie qu'un appareil photo doit résoudre n'a jamais quitté le terrain sûr.
La couleur n'est pas le contraste
Deux couleurs peuvent sembler totalement différentes à une personne et presque identiques à un appareil photo, parce qu'un scanner compare la luminosité et non la teinte. Le jaune pur sur blanc donne un rapport de contraste d'environ 1,07:1 : une personne voit un code jaune éclatant, l'appareil photo voit un carré vide. Conçois à 7:1 ou mieux pour l'impression et 4:1 pour l'écran, et considère 3:1 comme la ligne sous laquelle un code ne sort pas. Les seuils de contraste et où part la marge méritent une lecture avant de choisir une palette. Le vérificateur de contraste QR te donne le rapport de n'importe quelle paire que tu saisis, de quoi arrêter la palette avant de dessiner le moindre code.
Générer un code QR
Où les codes QR en couleur fonctionnent le mieux
Les couleurs qui survivent dépendent moins du secteur que de la surface. La teinte du papier, le comportement de l'encre, la luminosité de l'écran et la distance de scan prennent chacun une part du même budget de contraste.
Cartes de restaurant et chevalets de table
Les couleurs de la maison sur le code de la carte le font passer pour un élément du couvert plutôt que pour une impression de dernière minute. Garde les modules dans la couleur la plus sombre de la palette et laisse le carton porter la couleur de marque autour.
Comptoirs et réglettes de rayon
La signalétique de boutique est le plus souvent imprimée dans une couleur de marque saturée, donc le montage fiable est un code sombre dans un panneau clair posé sur le support coloré. Le panneau reste fidèle à la marque et le code garde son propre contraste.
Badges et tours de cou d'événement
Le carton des badges est souvent d'une seule couleur de marque. Un code presque noir imprimé directement sur un carton de ton moyen peut fonctionner ; le même code dans la couleur d'accent de l'événement sur ce carton, généralement non.
Emballages et étiquettes produit
L'emballage est l'endroit où la couleur se déplace le plus entre l'écran et le rayon, parce que le visuel est converti en CMJN et que l'encre s'étale dans le support. Juge la couleur du code sur une épreuve imprimée, jamais sur le fichier de design.
Posts sociaux et vidéo
Les écrans sont le cas indulgent : 4:1 suffit et rien ne s'étale. La vidéo est l'exception, car la compression stocke la couleur à une résolution plus basse que la luminosité : un code dont les bords viennent de la teinte plutôt que de la clarté se brouille.
Affiches et signalétique extérieure
Lu à plusieurs mètres, un code d'affiche tombe sur moins de pixels d'appareil photo par module, ce qui réduit la différence qu'un scanner peut mesurer. La distance et la couleur sortent du même budget : choisis lequel des deux dépenser.
Comment choisir les couleurs d'un code QR
Colorer un code, c'est une série de petites décisions dans un ordre fixe : le motif, puis les angles, puis le fond, puis tout ce qui l'entoure. Le même budget façonne chacun des designs créatifs de codes QR, où les formes de modules et les cadres y puisent aussi.
Choisis les couleurs dans le bon ordre
Presque tous les codes en couleur qui échouent échouent parce que la couleur d'accent d'une marque a fini sur le motif. Passer les parties dans cet ordre est ce qui l'évite.
- Commence par la couleur la plus sombre que tu as - prends la couleur du motif dans le fond de la palette. Un bleu marine #0F172A atteint environ 17,9:1 sur blanc ; l'ambre de la même marque, #F59E0B, atteint 2,2:1, et aucun autre réglage ne le rattrape.
- Assombris le code, n'éclaircis pas le fond - quand une couleur de marque n'est pas assez sombre, descends-la de deux ou trois crans plutôt que d'éclaircir le fond. Les fonds doivent rester presque blancs pour que la différence survive au papier, et une teinte plus sombre d'une couleur de marque garde le plus souvent son identité.
- Juge les motifs de détection séparément - un scanner trouve les trois angles avant de lire un seul module, alors vérifie leur couleur contre le fond à part et retiens le pire des deux chiffres comme le vrai contraste du code.
- Garde la zone de silence dans la couleur du fond - la marge vide autour du code, large de quatre modules, doit rester dans la même couleur claire que le fond. Y faire entrer une bordure colorée ou le visuel enlève au scanner le bord qui lui sert à trouver le symbole.
- Évite les photos derrière un code, mais pas les dégradés - un scanner fixe son seuil clair-sombre sur de petits voisinages : un dégradé lent derrière un code survit généralement, alors qu'une photo change à mi-parcours le côté du seuil où tombent les modules.
- Valide-le en niveaux de gris - convertis le visuel en niveaux de gris avant de valider. Si le code y devient plat et gris, c'est à peu près ce que reçoit l'appareil photo, et aucune correction de couleur n'y change rien.
Ce que la couleur coûte à l'impression et sur fond sombre
Deux décisions de couleur ont des conséquences qu'un écran ne montre jamais : inverser un code, et en mettre un sur du papier. Les deux méritent d'être prises volontairement.
- Un code inversé est un pari sur le lecteur - des modules clairs sur fond sombre donnent exactement le même rapport de contraste que l'inverse, et les appareils photo iPhone et Android actuels les lisent. Les scanners fixes d'une caisse ou d'un entrepôt n'essaient souvent pas l'image dans les deux sens.
- Imprime le code avec une seule encre - un code en couleur construit avec quatre encres de process peut se décaler aux petites tailles de module, ce qui ramollit tous les bords à la fois. Une encre directe, ou 100 % de noir, garde le motif net sur presse.
- Attends-toi à un code imprimé plus sombre - l'encre s'étale dans les cellules claires voisines de chaque module, surtout sur kraft, papier journal et papiers non couchés. Cela joue en faveur d'un code sombre et contre un code clair, qui perd justement les modules qui le portent.
- Traite le papier comme la couleur de fond - le kraft, le recyclé et les papiers teintés ne sont pas blancs, et le code se moque de ce que disait le plan de travail. Vérifie la couleur du motif contre le support sur lequel tu imprimes vraiment.
- Garde les métallisés loin des données - les encres et les dorures or ou cuivre sont superbes et scannent de façon imprévisible, parce que le reflet spéculaire qui les fait lire comme du métal tombe dans les modules. Mets-les dans le cadre et garde le motif en encre mate.
Exemples concrets
Quatre surfaces, quatre réponses différentes à la même question : où va la couleur, et que garde le motif ?
Affiches d'album et de concert
L'affiche porte toute la palette néon et le code s'installe sur une plaque blanche à l'intérieur, son motif reprenant une teinte du visuel. La couleur se lit comme une partie du design et le contraste reste là où le scan en a besoin.
Billets de cinéma et d'événement
Un code rouge foncé sur un cercle blanc garde son contraste sur un billet bleu marine, là où le même rouge imprimé directement sur le marine n'en aurait presque aucun. Le cercle fait le travail qu'un fond clair fait toujours.
Cartes de visite dans une seule couleur de marque
Réserver le code en blanc sur une carte saturée donne un code inversé, et c'est ici un choix défendable : une carte de visite est scannée par un téléphone et par rien d'autre. Le même montage sur une étiquette de magasin serait un pari.
Chevalets de table de café
Une couleur de marque profonde sur toute la carte, le code réservé en blanc dedans et les motifs de détection réservés avec lui. Imprimé avec une seule encre, les bords restent propres à la taille d'un chevalet.
Comment créer un code QR en couleur
Quatre étapes transforment un code noir ordinaire en un code dans ta palette, avec le contraste vérifié avant le moindre export.
Générer un code QR- 1
Définis la destination, puis la couleur du motif
Ajoute le lien, la carte ou les coordonnées que le code doit ouvrir, puis règle le motif sur la couleur la plus sombre de ta palette. Toutes les décisions suivantes sont plus simples quand les modules sont à l'abri.
- 2
Colore les angles, le cadre et l'étiquette
Donne aux trois motifs de détection leur propre couleur si tu en veux une, et mets la couleur d'accent dans le cadre, le texte de l'anneau et l'appel à l'action. C'est là qu'une couleur de marque vive ne coûte rien.
- 3
Lis le chiffre de contraste avant d'exporter
KoloQR affiche un rapport de contraste à côté de l'aperçu et valide à partir de 4:1, en rapportant le pire des deux : le motif ou les motifs de détection. En dessous, assombris le motif au lieu d'éclaircir le fond.
- 4
Exporte, imprime et scanne la vraie pièce
Télécharge le PNG pour l'écran ou le SVG pour l'impression, puis scanne le code à sa taille finale sur le support final avec deux téléphones différents. La couleur est la variable qu'une maquette flatte systématiquement.
Commence par des couleurs unies et un chiffre de contraste
Tester une couleur prend quelques secondes et ne demande aucun fichier de design. Colle le lien, règle les couleurs du motif, des angles, du fond et du cadre, et regarde le chiffre de contraste bouger à côté de l'aperçu : il retient le pire du motif et des angles et valide à partir de 4:1.
KoloQR, un générateur de QR codes gratuit avec des QR codes circulaires et de formes personnalisées, remplit en couleurs unies plutôt qu'en dégradés et exporte le même code en couleur en PNG ou en SVG. Un fond transparent est jugé contre le blanc, car c'est la surface sur laquelle un code transparent finit le plus souvent.
Générer un code QRFormats d'export pour les codes QR en couleur
La couleur est la seule propriété qui se comporte différemment dans chaque format, donc le choix compte plus ici que pour un code en noir et blanc.
PNG
Pour les écrans, les diapositives et les réseaux sociaux. Les couleurs sont figées dans les pixels, ce qui rend un PNG définitif : changer une couleur veut dire réexporter le code.
SVG
Pour l'impression et la signalétique. Les remplissages sont des valeurs modifiables dans le fichier, donc un imprimeur peut remplacer la couleur du motif par une encre directe sans regénérer le code.
Fond transparent
Pour poser un code sur une surface colorée. Sur une surface claire seulement : un code transparent hérite de ce qui se trouve dessous, y compris une photo.
Questions? Answered
Oui, du moment que le motif reste nettement plus sombre que le fond. Un scanner compare la luminosité, pas la teinte : la couleur elle-même n'est jamais le problème, l'écart de luminosité l'est. Conçois à 7:1 ou mieux pour l'impression et 4:1 pour l'écran, et ne publie pas un code sous 3:1.
Le jaune, le cyan, le vert lime et les teintes pastel, sur le motif comme sur les motifs de détection. Sur blanc, le cyan donne environ 1,25:1 et le vert pur 1,4:1 - assez proche du fond pour qu'un appareil photo ne trouve aucun bord. Aucun réglage ni niveau de correction d'erreurs ne les sauve.
Presque noir, ou une version très sombre de ta couleur de marque. Parmi les couleurs saturées, le bleu profond se détache avec environ 8,6:1 sur blanc, suivi des rouges foncés et des prunes. Toute couleur qui est sombre, et pas seulement vive, se comporte bien.
Oui, pour les codes lus par des téléphones : les appareils photo iPhone et Android actuels gèrent les codes inversés. Les scanners fixes, souvent non. Un code inversé perd aussi plus de contraste à l'impression, car la grande zone sombre s'étale sur les modules clairs qui portent les données.
Parce que les vérificateurs de codes-barres et beaucoup de scanners fixes lisent sous un éclairage rouge à 660 nanomètres, et que l'encre rouge réfléchit la lumière rouge. Un code rouge sur papier blanc n'a presque aucun contraste à cette longueur d'onde, alors qu'il scanne parfaitement sur n'importe quel téléphone. Ce qui est lu par un équipement fixe doit être noir sur blanc.
Il peut, à condition que chaque partie du dégradé reste assez sombre face au fond : le risque, c'est l'extrémité claire, pas le dégradé. KoloQR remplit en couleurs unies et n'a pas d'option de dégradé, une limite à connaître avant de bâtir un design autour.
Oui. Le motif et les trois motifs de détection peuvent porter des couleurs différentes, et le cadre, ses lignes d'accent et son étiquette encore une autre chacun. Chaque couleur qui touche le code doit franchir seule la barre de contraste face au fond.
Non, et c'est une idée fausse répandue. La correction d'erreurs récupère des modules manquants, masqués ou abîmés - environ 7 % au niveau L et jusqu'à 30 % au niveau H. Un contraste faible n'abîme aucun module : il empêche le scanner de les trouver, et la redondance n'y peut rien.
Pas exactement. La conversion du RVB en CMJN éteint les bleus et les verts saturés, et l'engraissement assombrit et épaissit les modules. Les deux jouent le plus souvent en faveur d'un code sombre, mais contrôle une épreuve imprimée avant un tirage et construis le code avec une seule encre quand c'est possible.
C'est possible, mais le papier devient alors la couleur de fond, et le kraft ou le recyclé réfléchit bien moins de lumière que le blanc. Vérifie la couleur du motif contre le vrai support, garde le code presque noir et donne-lui une taille de module plus grande que sur blanc.
Oui. KoloQR est gratuit et te permet de régler les couleurs du motif, des angles, du fond et du cadre, de voir le rapport de contraste de la paire et d'exporter en PNG ou en SVG sans compte ni abonnement.
Continue d'explorer
Des pages qui prennent la suite de celle-ci : le même contexte, le même type de code ou la prochaine décision à prendre.
Pourquoi un code QR ne scanne pas, et comment savoir quel défaut vous avez
Les trois façons dont un code QR échoue - jamais détecté, mal lu, ou parfaitement lu vers une destination cassée - et comment le symptôme vous dit laquelle vous avez avant toute mesure.
Neuf choses à vérifier avant d'envoyer un code QR à l'impression
Les neuf vérifications entre un fichier de code QR et un tirage qui fonctionne, chacune avec le nombre à passer et la page qui explique pourquoi.
Cinquante paires de couleurs pour codes QR, et lesquelles survivent à l'impression
Cinquante paires de couleurs pour codes QR avec le rapport de contraste calculé pour chacune, groupées selon qu'elles passent le seuil de l'impression, celui de l'écran, ou aucun des deux.
Commerces de détail
Fiches produit, stock et liens d'avis sur les étiquettes de rayon, les vitrines et les panneaux de caisse.
Agences événementielles
Des codes produits pour l'événement d'un client : redirections client, spécifications exposants, séries de badges et signalétique dimensionnée pour la salle.
Codes QR ronds
Des modules circulaires et un cadre rond, pour les sous-verres, sceaux et badges sur lesquels un code carré n'a jamais bien tenu.
Pourquoi KoloQR ?
- Crée des codes QR pour des sites web, des menus, le Wi-Fi, des PDF et des cartes de visite
- Personnalise les couleurs, les logos et des formes uniques
- Télécharge des fichiers PNG et SVG de haute qualité
- Conçu pour l'impression comme pour le numérique
