Generador de Duotono

Crea un tratamiento de imagen a dos colores

El duotono es una técnica gráfica clásica que reduce una foto a dos colores dominantes. En lugar de conservar el tono original de cada píxel, la imagen se convierte a valores tonales y luego se mapea entre un color de sombras y un color de luces. Este generador de duotono realiza ese proceso directamente en un lienzo HTML de tu navegador. Sube una imagen, elige los dos colores, previsualiza el resultado y descarga un PNG sin enviar el archivo a un servidor.

El efecto es útil para imágenes principales, gráficos editoriales, contenido para redes sociales, portadas estilo álbum, bloques de características de producto y campañas de marca en las que las fotos normales deben sentirse unificadas. Una paleta azul marino y crema puede transmitir seriedad y calidez, mientras que el morado y el cian resultan enérgicos y digitales. Como el mapeo se basa en el brillo, las fotos con una estructura clara de luces y sombras suelen dar los mejores resultados. Las capturas planas o las imágenes de muy bajo contraste pueden necesitar retoque antes de que el tratamiento duotono resulte espectacular.

Cómo procesa la imagen el navegador

Una vez decodificada la imagen de forma local, el lienzo lee cada píxel. Se calcula un valor de luminancia a partir de los canales rojo, verde y azul, y ese valor se convierte en una proporción de mezcla entre los dos colores seleccionados. Los píxeles oscuros se quedan cerca del color de las sombras, los brillantes se acercan al color de las luces y los tonos medios se mezclan entre ambos. El canal alfa se conserva, por lo que las imágenes PNG transparentes siguen siendo transparentes en el resultado exportado.

Cómo elegir mejores colores duotono

Las paletas duotono más potentes suelen combinar un color oscuro con otro mucho más claro. Si ambos colores tienen un brillo similar, la imagen final puede verse apagada porque las sombras y las luces se fusionan. Empieza con un color de marca profundo para las sombras y un acento pálido para las luces, y luego intercambia los colores si la atmósfera parece invertida. Tras descargar el PNG, pruébalo en el diseño final con texto y llamadas a la acción. Un tratamiento de imagen atractivo sigue necesitando suficiente contraste alrededor de cualquier contenido en primer plano colocado encima.