Elegir Colores y Contraste
Cómo elegir colores para tu código QR que se vean bien y escaneen de manera confiable.
Los colores hacen que tu código QR destaque, pero elige mal y no escaneará. Los escáneres QR funcionan detectando contraste entre áreas oscuras y claras—a mayor contraste, más confiable funciona.
Regla Crítica
El contraste insuficiente es la causa #1 de fallos de escaneo con diseños personalizados. Esto es lo que más frecuentemente confunde a la gente.
Lo Básico
Primer plano (los módulos oscuros): Tradicionalmente negro. Puede ser cualquier color oscuro. Necesita absorber luz.
Fondo (el espacio vacío): Tradicionalmente blanco. Puede ser cualquier color claro. Necesita reflejar luz.
La Regla del Contraste
Apunta a al menos 40% de contraste entre primer plano y fondo. Así es como funcionan diferentes combinaciones:
| Combinación | ¿Funciona? |
|---|---|
| Negro sobre blanco | ✅ Perfecto |
| Azul oscuro sobre blanco | ✅ Excelente |
| Verde oscuro sobre crema | ✅ Bien |
| Azul marino sobre gris claro | ✅ OK |
| Gris sobre gris claro | ❌ Muy bajo |
| Rojo sobre rosa | ❌ No escaneará |
Combinaciones Seguras
Clásico (siempre funciona): Negro sobre blanco. Cualquier color muy oscuro sobre blanco. Negro sobre cualquier color muy claro.
Seguro para marca: Color de marca oscuro sobre blanco. Negro sobre color de marca claro. Mantén el contraste alto.
Creativo (probar cuidadosamente): Colores medios, colores complementarios, degradados—todos necesitan pruebas.
Qué Evitar
Combinaciones de bajo contraste: Oscuro sobre oscuro, claro sobre claro, tonos similares. Estos simplemente no escanean.
Colores problemáticos de primer plano: Amarillo (muy claro), colores neón/brillantes (poco contraste), pasteles.
Consideraciones de daltonismo: Combinaciones de solo rojo/verde pueden ser problemáticas. Aproximadamente el 8% de los hombres tienen alguna forma de deficiencia en la visión del color.
Fondos Transparentes
PNG y SVG soportan transparencia, lo que puede verse limpio y mezclarse con cualquier material. Pero aquí está el problema: no puedes controlar sobre qué fondo terminará. Si alguien pone tu código QR transparente sobre un fondo oscuro, no escaneará.
Si usas transparencia, proporciona pautas de colocación: "Usar solo sobre fondos blancos o claros."
Degradados
Los degradados pueden verse geniales, pero ambos extremos del degradado necesitan mantener contraste con el fondo. No dejes que el degradado se desvanezca a colores claros en el primer plano—eso rompe la capacidad de escaneo. Mantén todo el degradado en el rango oscuro.
Probando Tus Colores
Nuestro personalizador te advierte si el contraste es muy bajo. No ignores las advertencias.
Pero las pruebas del mundo real son esenciales:
- Descarga el código QR
- Imprímelo (si es para uso impreso)
- Escanea con iPhone y Android
- Prueba diferentes distancias (de cerca y desde unos metros)
- Prueba diferentes condiciones de iluminación
Impresión vs Pantalla
Impresión: Los colores se ven diferentes impresos que en pantalla. Siempre imprime muestras de prueba. El color del papel afecta el fondo. Espacio de color CMYK.
Pantalla: Más indulgente que la impresión. Prueba en múltiples pantallas (el brillo varía).
Productos/Empaque: Considera el color del material. Las superficies reflectantes son desafiantes. Prueba en el material real si es posible.
Problemas Comunes
"Mi azul de marca no escanea": Probablemente es muy claro. Usa un tono más oscuro específicamente para códigos QR.
"Se ve genial en pantalla pero no impreso": Los colores de pantalla e impresión difieren. Imprime muestras de prueba y ajusta.
"El degradado lo hace inescaneable": El degradado probablemente va muy claro. Mantén todo el degradado del primer plano en tonos oscuros.
Preguntas Comunes
¿Puedo invertir colores (claro sobre oscuro)? Algunos escáneres lo soportan, pero es menos confiable. No lo recomendamos.
¿Debo coincidir exactamente con los colores de mi marca? Si tienen alto contraste, sí. Si no, usa variantes más oscuras/claras específicamente para códigos QR.
¿Se verá igual cuando se imprima? No. Siempre imprime muestras de prueba.
Si aún tienes problemas de escaneo después de ajustar colores, consulta nuestra guía de solución de problemas.