Generador de duotono
Dale a cualquier foto el llamativo estilo duotono de dos colores que se usa en pósteres, portadas de discos y sitios web. Elige uno de los 16 preajustes o tus propios colores de sombras y luces, añade un tono medio opcional, ajusta la intensidad y el contraste, y descarga un PNG o JPG a tamaño completo.
Última actualización:
Cómo usar Generador de duotono
- Añade una foto: arrastra, pega o elige una imagen. Se carga una foto de ejemplo para que puedas probar los preajustes enseguida.
- Elige un preajuste: cada miniatura muestra tu propia foto con ese par de colores.
- Personaliza los colores de Sombras y Luces, intercámbialos con ⇄ o marca la opción de tono medio para un tritono.
- Ajusta la Intensidad, el Contraste y el Brillo, y arrastra el control antes / después para comparar.
- Descarga el resultado en PNG o JPG, o copia los códigos de color para tu diseño.
Cómo se calcula un duotono
Cada píxel pasa por tres pasos rápidos:
- Brillo: Y = 0.2126 × R + 0.7152 × G + 0.0722 × B (pesos de luma Rec. 709, ya que el ojo es más sensible al verde).
- Contraste y brillo: Y se estira alrededor del gris medio con el factor de contraste estándar F = 259 × (C + 255) ÷ (255 × (259 − C)) y luego se desplaza según el valor de brillo.
- Mapa de degradado: el resultado t = Y ÷ 255 elige un color entre las dos tintas: color = sombra + (luz − sombra) × t. Con un tono medio, la primera mitad del rango mezcla sombra → tono medio y la segunda mitad tono medio → luz.
El control de Intensidad vuelve a mezclar el duotono con la foto original, así que entre el 40–70 % obtienes un etalonaje más suave que conserva parte de los colores originales.
Pares de colores duotono populares
| Preajuste | Sombras | Luces | Ambiente |
|---|---|---|---|
| Pop | #1E2A78 azul marino | #FF4D8D rosa | Enérgico, pósteres de música y eventos |
| Cítrico | #1B4332 verde oscuro | #E9FF70 lima | Fresco, deportivo, marcas de aire libre |
| Océano | #03045E azul oscuro | #90E0EF aguamarina | Tranquilo, tecnología, viajes |
| Atardecer | #3A0CA3 violeta | #FFB703 ámbar | Cálido, nostálgico, festivales |
| Verde azulado y naranja | #0F4C5C verde azulado | #FB8B24 naranja | Estilo cinematográfico de póster de película |
| Sepia | #2B1D0E marrón | #F3E0C0 crema | Vintage, fotografía antigua |
Consejos de diseño
- Mantén la legibilidad: el color de sombras debe ser mucho más oscuro que el de luces, o la imagen pierde su forma.
- Adáptalo a tu marca: usa el color más oscuro de tu marca para las sombras y su color de acento para las luces, y así un conjunto de fotos se verá coherente.
- Texto encima: las fotos duotono son fondos excelentes porque la paleta limitada mantiene legible el texto superpuesto.
- Las siluetas destacan: los sujetos a contraluz y las fotos de alto contraste dan los resultados más gráficos.
Preguntas frecuentes
¿Qué es una imagen duotono?
Un duotono es una imagen hecha con solo dos colores: uno sustituye los tonos oscuros y el otro los tonos claros, con transiciones suaves entre ambos. La técnica procede de la impresión a dos tintas y hoy es un estilo de diseño gráfico popular para pósteres, redes sociales y sitios web.
¿Cómo funciona este generador de duotono?
Convierte cada píxel en un valor de brillo (0.2126 R + 0.7152 G + 0.0722 B, la fórmula de luma Rec. 709) y luego usa ese brillo para elegir un color en un degradado que va de tu color de sombras a tu color de luces. Es la misma técnica de mapa de degradado que usan los editores de fotos profesionales.
¿Qué colores dan un buen duotono?
Usa un color oscuro y saturado para las sombras y un color claro y brillante para las luces, idealmente con tonos claramente distintos, como azul marino y rosa o verde oscuro y lima. Si ambos colores tienen un brillo parecido, la foto pierde detalle.
¿Qué es un tritono?
Un tritono añade un tercer color para los tonos medios, de modo que el degradado va de las sombras al tono medio y luego a las luces. Da resultados más ricos y pictóricos. Marca Añadir un color de tono medio para probarlo.
¿Qué fotos funcionan mejor?
Fotos con mucho contraste y un sujeto claro: retratos, siluetas, arquitectura y paisajes. Las fotos planas y de poco contraste se ven apagadas; sube el control de Contraste para corregirlo.
¿Se sube mi foto?
No. El efecto se calcula en tu navegador con la Canvas API a resolución completa (hasta 3000 píxeles en el lado más largo). No se envía nada a ningún servidor.
¿Se prueban todas las herramientas de FreeToolCabin para comprobar su calidad y precisión?
Sí. Cada herramienta del sitio pasa pruebas automáticas en navegadores reales para comprobar que el resultado es correcto y que no hay errores. Si encuentras un fallo o tienes una sugerencia, escríbenos a [email protected] y lo revisaremos.