Kleuren en Contrast

Kies scanbare kleuren voor je QR-codes.

Kleuren laten je QR-code opvallen, maar kies verkeerd en hij scant niet. QR-scanners werken door contrast te detecteren tussen donkere en lichte gebieden—hoe groter het contrast, hoe betrouwbaarder het werkt.

Kritieke Regel

Onvoldoende contrast is de #1 oorzaak van scanfouten bij aangepaste ontwerpen. Dit is waar mensen het vaakst struikelen.

De Basis

Voorgrond (de donkere modules): Traditioneel zwart. Kan elke donkere kleur zijn. Moet licht absorberen.

Achtergrond (de lege ruimte): Traditioneel wit. Kan elke lichte kleur zijn. Moet licht reflecteren.

Kleurenkiezer met preset kleuren en QR-Code Kleur en Achtergrondkleur invoervelden
De kleurcustomizer met presets en aangepaste hex invoer

De Contrastregel

Mik op minimaal 40% contrast tussen voorgrond en achtergrond. Zo werken verschillende combinaties:

CombinatieWerkt?
Zwart op wit✅ Perfect
Donkerblauw op wit✅ Geweldig
Donkergroen op crème✅ Goed
Marine op lichtgrijs✅ OK
Grijs op lichtgrijs❌ Te laag
Rood op roze❌ Scant niet

Veilige Combinaties

Klassiek (werkt altijd): Zwart op wit. Elke zeer donkere kleur op wit. Zwart op elke zeer lichte kleur.

Merkveilig: Donkere merkkleur op wit. Zwart op lichte merkkleur. Houd het contrast hoog.

Creatief (test zorgvuldig): Middelmatige kleuren, complementaire kleuren, kleurverlopen—allemaal vereisen testen.

Wat Te Vermijden

Lage contrast combinaties: Donker op donker, licht op licht, vergelijkbare tinten. Deze scannen gewoon niet.

Problematische voorgrondkleuren: Geel (te licht), neon/felle kleuren (slecht contrast), pastels.

Kleurenblindheid overwegingen: Alleen rood/groen combinaties kunnen problematisch zijn. Ongeveer 8% van de mannen heeft een vorm van kleurzichtbeperking.

Transparante Achtergronden

PNG en SVG ondersteunen transparantie, wat er schoon uit kan zien en bij elk materiaal past. Maar hier is de valkuil: je kunt niet controleren op welke achtergrond het terechtkomt. Als iemand je transparante QR-code op een donkere achtergrond plaatst, scant hij niet.

Als je transparantie gebruikt, geef plaatsingsrichtlijnen: "Gebruik alleen op witte of lichte achtergronden."

Kleurverlopen

Kleurverlopen kunnen er geweldig uitzien, maar beide uiteinden van het verloop moeten contrast behouden met de achtergrond. Laat het verloop niet vervagen naar lichte kleuren in de voorgrond—dat breekt scanbaarheid. Houd het hele verloop in het donkere bereik.

Je Kleuren Testen

Onze customizer waarschuwt je als contrast te laag is. Negeer waarschuwingen niet.

Maar real-world testen is essentieel:

  1. Download de QR-code
  2. Print hem (als voor printgebruik)
  3. Scan met iPhone en Android
  4. Probeer verschillende afstanden (dichtbij en vanaf een paar meter)
  5. Probeer verschillende lichtomstandigheden

Print vs Scherm

Print: Kleuren zien er anders uit geprint dan op scherm. Print altijd testexemplaren. Papierkleur beïnvloedt de achtergrond. CMYK-kleurruimte.

Scherm: Vergevingsgezinder dan print. Test op meerdere schermen (helderheid varieert).

Producten/Verpakking: Overweeg de materiaalkleur. Reflecterende oppervlakken zijn uitdagend. Test op het daadwerkelijke materiaal indien mogelijk.

Veelvoorkomende Problemen

"Mijn merkblauw scant niet": Het is waarschijnlijk te licht. Gebruik specifiek voor QR-codes een donkerdere tint.

"Het ziet er geweldig uit op scherm maar niet geprint": Scherm- en printkleuren verschillen. Print testexemplaren en pas aan.

"Het kleurverloop maakt hem onscanbaar": Verloop gaat waarschijnlijk te licht. Houd het hele voorgrondverloop in donkere tonen.

Veelgestelde Vragen

Kan ik kleuren omkeren (licht op donker)? Sommige scanners ondersteunen het, maar het is minder betrouwbaar. We raden het niet aan.

Moet ik exact mijn merkkleuren matchen? Als ze hoog contrast hebben, ja. Zo niet, gebruik donkerdere/lichtere varianten specifiek voor QR-codes.

Zal het er hetzelfde uitzien wanneer geprint? Nee. Print altijd testexemplaren.

Als je nog steeds scanproblemen hebt na het aanpassen van kleuren, zie onze probleemoplossing gids.